{"id":13452,"date":"2024-07-25T09:29:23","date_gmt":"2024-07-25T08:29:23","guid":{"rendered":"https:\/\/www.20i.com\/blog\/?p=13452"},"modified":"2026-07-09T17:44:17","modified_gmt":"2026-07-09T16:44:17","slug":"cal-review","status":"publish","type":"post","link":"https:\/\/www.20i.com\/blog\/cal-review\/","title":{"rendered":"Cal.com Review &amp; Set-Up Guide"},"content":{"rendered":"\n<div id=\"intro\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">In this review I\u2019ll be looking at the self-hosted version of <a href=\"https:\/\/cal.com\" target=\"_blank\" rel=\"noreferrer noopener\">Cal.com<\/a>, an online event\/meeting scheduling application.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Is it an efficient solution for scheduling meetings with your customers? Is it easy use? What helpful features are included? Will I be recommending it to friends, family and customers?<\/p>\n<\/div>\n\n\n\n\n\n\n\n<div id=\"outline\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">What is Cal.com?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Formerly known as Calendso; Cal.com is open-source scheduling software designed to help individuals, teams and organisations arrange and manage online or in-person meetings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cal.com has several pricing tiers, but can be self-hosted; and used for free.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7d09c2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7d09c2\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-01-HomePage.png.webp\" alt=\"Screenshot of the Cal.com home page\" class=\"wp-image-13490\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-01-HomePage.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-01-HomePage-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-01-HomePage-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-01-HomePage-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-01-HomePage-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-01-HomePage-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-01-HomePage-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-01-HomePage-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-01-HomePage-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The premise of Cal.com is that you set your availability, connect your personal\/work calendars to it, and share the links it generates with whoever you want to arrange meetings with.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can extensively customise what constitutes a \u201cmeeting\u201d:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Duration<\/li>\n\n\n\n<li>Where it takes place (in person, via phone or online)<\/li>\n\n\n\n<li>How often someone can book you<\/li>\n\n\n\n<li>If you want the meeting to recur<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cal.com is a direct competitor to the likes of Calendly, Chili Piper and Doodle. If you currently use one of these services; Cal.com will be of interest.<\/p>\n<\/div>\n\n\n\n<div id=\"contents\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Table of Contents<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#requirements\">System requirements<\/a><\/li>\n\n\n\n<li><a href=\"#installation\">Installing Cal.com using Docker<\/a><\/li>\n\n\n\n<li><a href=\"#setup\">Setting up a profile<\/a><\/li>\n\n\n\n<li><a href=\"#using-calcom\">Using Cal.com<\/a><\/li>\n\n\n\n<li><a href=\"#booking\">Booking<\/a><\/li>\n\n\n\n<li><a href=\"#event-types\">Event Types<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#event-setup\">Event setup<\/a><\/li>\n\n\n\n<li><a href=\"#event-availability\">Availability<\/a><\/li>\n\n\n\n<li><a href=\"#limits\">Limits<\/a><\/li>\n\n\n\n<li><a href=\"#advanced\">Advanced<\/a><\/li>\n\n\n\n<li><a href=\"#recurring\">Recurring<\/a><\/li>\n\n\n\n<li><a href=\"#apps\">Apps<\/a><\/li>\n\n\n\n<li><a href=\"#webhooks\">Webhooks<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#availability\">Availability<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#half\">Half days<\/a><\/li>\n\n\n\n<li><a href=\"#lunch\">Lunch hour<\/a><\/li>\n\n\n\n<li><a href=\"#leave\">Annual leave<\/a><\/li>\n\n\n\n<li><a href=\"#irregular\">Irregular availability<\/a><\/li>\n\n\n\n<li><a href=\"#ooo\">Out of office<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#teams\">Teams<\/a><\/li>\n\n\n\n<li><a href=\"#appstore\">App Store<\/a><\/li>\n\n\n\n<li><a href=\"#integrate\">Integrating Cal.com into WordPress<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#shortcode-inline\">Shortcode &#8211; inline<\/a><\/li>\n\n\n\n<li><a href=\"#shortcode-popup\">Shortcode &#8211; popup button<\/a><\/li>\n\n\n\n<li><a href=\"#inline\">Inline<\/a><\/li>\n\n\n\n<li><a href=\"#button\">Popup button<\/a><\/li>\n\n\n\n<li><a href=\"#element\">Popup on element click<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#insights\">Insights<\/a><\/li>\n\n\n\n<li><a href=\"#final\">Final thoughts<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div id=\"requirements\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">What do I need to run Cal.com?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I used a 4 core <a href=\"https:\/\/www.20i.com\/vps\" target=\"_blank\" rel=\"noreferrer noopener\">VPS (virtual private server)<\/a> with 4GB of RAM and 75GB of SSD space for this review. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The CPU utilisation graphs on the My20i control panel showed that Cal.com, despite running very smoothly, hardly uses any resources.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7d2df4&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7d2df4\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"735\" height=\"868\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/VPS-Stats.png.webp\" alt=\"screenshot of vps resource usage\" class=\"wp-image-13524\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/VPS-Stats.png.webp 735w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/VPS-Stats-254x300.png.webp 254w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/VPS-Stats-370x437.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/VPS-Stats-270x319.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/VPS-Stats-570x673.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/VPS-Stats-150x177.png.webp 150w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Even with other services running, Cal.com never caused my VPS to use more than 10% CPU capacity during testing<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">My VPS is running Alma Linux 9.4, but you\u2019ll be able to get Cal.com working on any operating system that can run Docker. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ll need <strong>sudo<\/strong> privileges to run some of the installation commands.<\/p>\n<\/div>\n\n\n\n<div id=\"installation\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">How to install Cal.com using Docker<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ll need healthy command line chops, and a basic understanding of Docker is highly recommended &#8211; especially if you need to customise your deployment. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Getting a self-hosted version of Cal.com working is made easier thanks to the <a href=\"https:\/\/cal.com\/docs\/introduction\/quick-start\/self-hosting\/docker\" target=\"_blank\" rel=\"noreferrer noopener\">Cal.com Docs guide<\/a>:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7d4109&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7d4109\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-02-Docker-Installation-Guide.png.webp\" alt=\"Screenshot of the Cal.com Docs page that has instructions for installing the software using Docker\" class=\"wp-image-13491\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-02-Docker-Installation-Guide.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-02-Docker-Installation-Guide-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-02-Docker-Installation-Guide-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-02-Docker-Installation-Guide-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-02-Docker-Installation-Guide-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-02-Docker-Installation-Guide-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-02-Docker-Installation-Guide-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-02-Docker-Installation-Guide-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-02-Docker-Installation-Guide-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I started by <a href=\"https:\/\/www.20i.com\/blog\/install-docker-on-vps\/\" target=\"_blank\" rel=\"noreferrer noopener\">installing Docker on my VPS<\/a> using our recently published guide. With Docker ready to go, the next step was to install GitHub:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>sudo dnf install git<\/strong><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">After that, I made sure that all packages were fully up to date:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>sudo dnf update -y<\/strong><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">I then cloned the GitHub version of the Cal.com image into my chosen directory:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>git clone --recursive https:\/\/github.com\/calcom\/docker.git docker\/calcom<\/strong><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Updated the submodule:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>git submodule update --remote --init<\/strong><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">And renamed the .env.example file to .env so that it would be used when I was ready to deploy:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>mv .env.example .env<\/strong><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">I needed to make changes to keep Cal.com from conflicting with other software running on my VPS, so I edited certain variables in the .env file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Check the run-time and build-time variables on the <a href=\"https:\/\/github.com\/calcom\/docker\" target=\"_blank\" rel=\"noreferrer noopener\">github.com\/calcom\/docker<\/a> page before proceeding to make sure that deploying Cal.com won\u2019t break anything for you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When ready:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>vi .env <\/strong><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This opens the file so I can make changes. When ready to save and exit:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong> :wq<\/strong><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">I also needed to make made a few tweaks to the docker-compose.yaml file:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>vi docker-compose.yaml<\/strong><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">When I was happy with how things looked I saved my changes:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>:wq<\/strong><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">With everything ready, it was time to deploy. After a deep breath, I entered and ran this command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>docker compose up -d calcom<\/strong><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">After a few moments, PuTTY &#8211; <a href=\"https:\/\/www.20i.com\/blog\/best-ssh-clients\/\" target=\"_blank\" rel=\"noreferrer noopener\">my SSH client of choice<\/a> &#8211; showed me that the command had run successfully: Cal.com was installed.<\/p>\n<\/div>\n\n\n\n<div id=\"setup\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Setting up Cal.com<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When you log into your Cal.com URL for the first time; you\u2019ll need to create an Administrator user. You\u2019ll then choose a license. In this case I went with AGPLv3 as I\u2019ll be testing Cal.com \u201cas is\u201d and not rebranding it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choose from the available app integrations and click &#8216;Finish&#8217; to complete this stage.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7d58e4&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7d58e4\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2024\/06\/AdminSetup.gif\" alt=\"Slideshow of screenshots showing the Cal.com admin account setup process\" class=\"wp-image-13492\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I was then taken to the Cal.com user profile setup page, and gave it the details I wanted to use.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next up was connecting calendars. You can connect all your calendars at this stage or choose to do it later; convenient if you don\u2019t have all your credentials at hand.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7d671c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7d671c\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1788\" height=\"1329\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1.jpeg.webp\" alt=\"Screenshot showing the wide range of calendar apps that can be integrated with Cal.com\" class=\"wp-image-13494\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1.jpeg.webp 1788w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1-300x223.jpeg.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1-768x571.jpeg.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1-1536x1142.jpeg.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1-370x275.jpeg.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1-270x201.jpeg.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1-570x424.jpeg.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1-740x550.jpeg.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1-80x60.jpeg.webp 80w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-2-1-150x111.jpeg.webp 150w\" sizes=\"auto, (max-width: 1788px) 100vw, 1788px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Step 3 is for video conferencing apps. There are a <em>lot<\/em> to choose from, which makes it likely that you\u2019ll be able to integrate your current workflow with little friction. Again, you can choose to defer setting these up until later.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7d7514&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7d7514\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1788\" height=\"1004\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-3-Connect-your-video-apps-1.jpeg.webp\" alt=\"Screenshot showing the stage of the Cal.com setup process where you are prompted to connect video conferencing apps\" class=\"wp-image-13495\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-3-Connect-your-video-apps-1.jpeg.webp 1788w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-3-Connect-your-video-apps-1-300x168.jpeg.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-3-Connect-your-video-apps-1-768x431.jpeg.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-3-Connect-your-video-apps-1-1536x862.jpeg.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-3-Connect-your-video-apps-1-370x208.jpeg.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-3-Connect-your-video-apps-1-270x152.jpeg.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-3-Connect-your-video-apps-1-570x320.jpeg.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-3-Connect-your-video-apps-1-740x416.jpeg.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-3-Connect-your-video-apps-1-150x84.jpeg.webp 150w\" sizes=\"auto, (max-width: 1788px) 100vw, 1788px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The penultimate step is where you tell Cal.com when you are available for meetings. The Monday to Friday 9 am to 5 pm working week is prefilled.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can tweak your availability here to accommodate part time working hours, different start or finish times and blocking out lunch breaks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Far<\/em> more granular availability details can be specified, and I\u2019ll cover this in the next section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The last step of this process is adding a picture and a paragraph or two about yourself. What you put in here is displayed on your personal URL page, and can be changed later if required.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7d85a2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7d85a2\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1788\" height=\"1004\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-5-Nearly-there-1.jpeg.webp\" alt=\"Screenshot of the finals stage of the user account setup process, where you add details that are then displayed on your public page\" class=\"wp-image-13496\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-5-Nearly-there-1.jpeg.webp 1788w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-5-Nearly-there-1-300x168.jpeg.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-5-Nearly-there-1-768x431.jpeg.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-5-Nearly-there-1-1536x862.jpeg.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-5-Nearly-there-1-370x208.jpeg.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-5-Nearly-there-1-270x152.jpeg.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-5-Nearly-there-1-570x320.jpeg.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-5-Nearly-there-1-740x416.jpeg.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/SS-Step-5-Nearly-there-1-150x84.jpeg.webp 150w\" sizes=\"auto, (max-width: 1788px) 100vw, 1788px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div id=\"using-calcom\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Using Cal.com<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After completing the set-up steps and logging in; you are taken to the Cal.com dashboard:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7d9628&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7d9628\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface.png.webp\" alt=\"Screenshot of the Cal.com dashboard that you are greeted with after creating a user\" class=\"wp-image-13497\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface-400x225.png.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface-800x450.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface-832x468.png.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface-1664x936.png.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface-1248x702.png.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-types-interface-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Before digging through the settings and going through all the features, I wanted to establish a baseline and see what my Public page looked like &#8211; so I clicked \u201cView public page\u201d:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7da24a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7da24a\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Public-Page.png.webp\" alt=\"The default public page view\" class=\"wp-image-13498\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Public-Page.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Public-Page-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Public-Page-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Public-Page-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Public-Page-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Public-Page-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Public-Page-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Public-Page-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Public-Page-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pretty barebones out of the box, but you can easily picture where a branded image and some text would come in.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I clicked on the 15 Min Meeting option and went through the booking process to see what the experience is like as a client.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I saw the Monday to Friday time slots that I\u2019d chosen during setup were available, and chose a slot.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7db032&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7db032\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2024\/06\/Booking.gif\" alt=\"Slideshow of screenshots showing the booking process as experienced by a client\" class=\"wp-image-13499\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div id=\"booking\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Booking with Cal.com<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The booking confirmation screen had useful, relevant information including both a Reschedule and Cancel button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The 4 options at the bottom of the confirmation page let you add the meeting you\u2019ve just scheduled to Google, Outlook, Microsoft Office or Other calendars.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7dc5ca&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7dc5ca\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page.png.webp\" alt=\"Screenshot of the booking confirmation page\" class=\"wp-image-13500\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page-400x225.png.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page-800x450.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page-832x468.png.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page-1664x936.png.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page-1248x702.png.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-scheduled-notification-page-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I had not set up a video conferencing app during the installation process, and was interested to see that Cal.com uses its own Cal Video solution as the default meeting option.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking \u201cBack to bookings\u201d in the top left took me to the Bookings dashboard. I could see the meeting that I\u2019d just scheduled when acting as a client. Having a link to your public page, in your email footer for example, could be very useful!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I was impressed to find you can use a combination of the Upcoming, Unconfirmed, Recurring, Past and Cancelled tabs with both People and Event Type filters. This allows you to easily identify clients who bail on their appointments for example. IYKYK!<\/p>\n<\/div>\n\n\n\n<div id=\"event-types\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Event Types with Cal.com<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are three default Event Types: 15 Min Meeting, 30 Min Meeting and Secret Meeting. You can add as many more as you like, but let\u2019s take a look at these first to get a better idea of what is involved.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what you see when clicking on 15 Min Meeting:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7dd9fb&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7dd9fb\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Meeting-Customisation-Options.png.webp\" alt=\"Screenshot showing the default layout of an Event\" class=\"wp-image-13502\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Meeting-Customisation-Options.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Meeting-Customisation-Options-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Meeting-Customisation-Options-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Meeting-Customisation-Options-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Meeting-Customisation-Options-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Meeting-Customisation-Options-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Meeting-Customisation-Options-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Meeting-Customisation-Options-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Meeting-Customisation-Options-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div id=\"event-setup\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>Event Setup<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This menu allows you to change the basic details of your meeting: Title, Description, URL, Duration and Location of the meeting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For Description, you have a basic text editor and the ability to add links. This is good for situations where you\u2019d want to attend a meeting with preliminary paperwork filled in, or for terms and conditions to have already been signed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Duration field has an interesting sub-option called \u201cAllow booker to select duration\u201d. If you check this box, you can add all the duration options from 5 minutes up to 480 minutes that you want, and set a default.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is powerful when used with the buffer times that you can add before and after your events from the Limits sub menu as I will illustrate further down in this section.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7de82d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7de82d\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Select-Duration.png.webp\" alt=\"Screenshot of the configuration that allows users to select an event duration\" class=\"wp-image-13503\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Select-Duration.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Select-Duration-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Select-Duration-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Select-Duration-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Select-Duration-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Select-Duration-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Select-Duration-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Select-Duration-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Select-Duration-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Location part allows you to specify the setting in which the meeting is to take place. Options include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Any of the video conferencing platforms you set up<\/li>\n\n\n\n<li>In person at your address or at the attendee address<\/li>\n\n\n\n<li>A link to a meeting place (you could choose anything here &#8211; What-3-Words, VDO.Ninja, a link to a Google Maps location etc)<\/li>\n\n\n\n<li>Phone number of organiser or attendee<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div id=\"event-availability\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Availability<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">From here, you use the dropdown menu to choose from options you set up via the top-level Availability menu. More on that top level Availability menu in the next section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The flexibility on offer here is brilliant. Say you want 15 minute meetings for your regular work days, but 30 minute meetings on Saturday mornings:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Duplicate your 15 minute meeting<\/li>\n\n\n\n<li>Change the duration to 30 mins<\/li>\n\n\n\n<li>Change availability to Saturday<\/li>\n\n\n\n<li>Set the name of the meeting to \u201cSaturdays \u2013 30 Mins\u201d<\/li>\n\n\n\n<li>Press the \u201cSave\u201d button in the top right<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Clients who visit your public page can see your 15 Min weekday slots and your Saturdays \u2013 30 Mins ones, and book you accordingly.<\/p>\n<\/div>\n\n\n\n<div id=\"limits\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Limits<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This submenu is where you make your Event Types manageable.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7dfc43&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7dfc43\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page.png.webp\" alt=\"Screenshot of the limits setting of an event\" class=\"wp-image-13504\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page-400x225.png.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page-800x450.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page-832x468.png.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page-1664x936.png.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page-1248x702.png.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-event-limits-page-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Buffer time before and after your event lets you build in time to prepare and follow up actions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A sales manager, for example, could use buffer time to catch up on customer notes before an appointment and have time set aside afterwards to process sales and arrange any further after-sales services.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u201cMinimum notice\u201d and \u201cLimit future bookings\u201d give space to account the logistical side of your operation: preparing a product or accounting for the supply\/restocking of materials.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u201cLimit booking frequency\u201d keeps you from overextending yourself by specifying how many times you can be booked per day, month and\/or year.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These factors, together, give Cal.com users fine control over the details of their events\/meetings so they are sustainable and realistic. This is far beyond what most calendar apps are capable of \u2013 being open source and free to use as well makes Cal.com compelling. There is more.<\/p>\n<\/div>\n\n\n\n<div id=\"advanced\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Advanced<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Dictate how event names are displayed for clients, if you want to manually confirm appointments instead of them being automatically accepted, if you hide notes from displaying on the calendars you use and if clients have to verify their email address before they can book you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can add questions &#8211; aka fields &#8211; to your event booking forms. There are a lot of options to choose from:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Email<\/li>\n\n\n\n<li>Phone<\/li>\n\n\n\n<li>Address<\/li>\n\n\n\n<li>Short text<\/li>\n\n\n\n<li>Number<\/li>\n\n\n\n<li>Long text<\/li>\n\n\n\n<li>Select<\/li>\n\n\n\n<li>MultiSelect<\/li>\n\n\n\n<li>Multiple Emails<\/li>\n\n\n\n<li>Checkbox Group<\/li>\n\n\n\n<li>Radio Group<\/li>\n\n\n\n<li>Checkbox<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7e0e42&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7e0e42\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface.png.webp\" alt=\"Screenshot showing some of the options that can be included with Events\" class=\"wp-image-13505\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface-400x225.png.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface-800x450.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface-832x468.png.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface-1664x936.png.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface-1248x702.png.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-add-question-interface-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The identifiers, labels and options specified here can be used with APIs, but that is outside of the scope of this review as this is a paid feature.<\/p>\n<\/div>\n\n\n\n<div id=\"recurring\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Recurring<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">At the time of this review, this is an experimental feature. In my testing it appeared to work without issues in the few weeks I spent using the platform.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you toggle this on, you can set how often and how many events your meeting can be booked for.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7e1bf3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7e1bf3\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface.png.webp\" alt=\"Screenshot showing the Recurring option and settings in an Event\" class=\"wp-image-13506\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface-400x225.png.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface-800x450.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface-832x468.png.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface-1664x936.png.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface-1248x702.png.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-meeting-recurring-interface-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div id=\"apps\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Apps<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is where you integrate your Cal.com Event with services like PayPal, Stripe, Google Analytics, <a href=\"https:\/\/www.20i.com\/blog\/matomo-review\" target=\"_blank\" rel=\"noreferrer noopener\">Matomo<\/a> and much more. The functionality of these apps makes the free-to-use version of Cal.com capable and viable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I\u2019ll include a full-page screenshot below so you can see what was available during my review. Click the image to zoom in:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7e292f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7e292f\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1287\" height=\"1600\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-1287x1600.jpeg.webp\" alt=\"Screenshot showing the list of Apps available to be assigned to an Event\" class=\"wp-image-13507\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-1287x1600.jpeg.webp 1287w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-241x300.jpeg.webp 241w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-768x955.jpeg.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-1235x1536.jpeg.webp 1235w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-1647x2048.jpeg.webp 1647w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-370x460.jpeg.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-270x336.jpeg.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-570x709.jpeg.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-740x920.jpeg.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09-150x186.jpeg.webp 150w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Event-Types-09.jpeg.webp 1788w\" sizes=\"auto, (max-width: 1287px) 100vw, 1287px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div id=\"webhooks\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Webhooks<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Set up real-time notifications and integrate Cal.com with apps that aren\u2019t yet available through their store. Offering this level of functionality for free is rare, and certainly not the norm in the SaaS industry!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Event Triggers at the time of my review are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Booking Cancelled<\/li>\n\n\n\n<li>Booking Created<\/li>\n\n\n\n<li>Booking Paid<\/li>\n\n\n\n<li>Booking Payment Initiated<\/li>\n\n\n\n<li>Booking Rejected<\/li>\n\n\n\n<li>Booking Requested<\/li>\n\n\n\n<li>Booking Rescheduled<\/li>\n\n\n\n<li>Form Submitted<\/li>\n\n\n\n<li>Meeting Ended<\/li>\n\n\n\n<li>Meeting Started<\/li>\n\n\n\n<li>Recording Ready<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7e39d0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7e39d0\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface.png.webp\" alt=\"Screenshot showing the Event Triggers within the Webhook section of an Event\" class=\"wp-image-13508\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface-400x225.png.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface-800x450.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface-832x468.png.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface-1664x936.png.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface-1248x702.png.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-create-webhook-interface-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div id=\"availability\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Availability with Cal.com<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This top-level menu is where you put together the dates and times that are assigned to Events. I\u2019ll go over how to add half days, carve out a lunch hour and account for annual leave to give you an idea of what can be achieved.<\/p>\n<\/div>\n\n\n\n<div id=\"half\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Half days<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Find the working day that you\u2019d like to change into a half day. You\u2019ll see a start and a finish time. Click on the finishing time, and a drop down menu will appear that shows 15 minute increments. Choose your end time and Cal.com will automatically save your new schedule.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7e4903&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7e4903\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2024\/06\/Half-Day.gif\" alt=\"Slideshow of screenshots showing how to change default availability to include half days\" class=\"wp-image-13509\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div id=\"lunch\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Lunch hour<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the plus button to add a new time slot on Monday. Click on the finishing time of the original time slot and choose the time your lunch break starts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, change the times on the new slot to match your return to work. Repeat these steps for each day and you\u2019ll have an appointment-free lunch break each day!<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7e568b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7e568b\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2024\/06\/Lunch-Break.gif\" alt=\"Slideshow of screenshots showing how to put a lunch break in an availability schedule\" class=\"wp-image-13510\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div id=\"leave\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Annual leave<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you wanted to be more discreet about your availability than the <a href=\"#ooo\">Out-of-Office<\/a> feature allows, here is how you do it. With a regular work week as our starting point; you\u2019ll need to click the \u201cAdd an override\u201d button in the Date overrides section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the arrows to go to the month you annual leave starts in. For this example, we\u2019ll use October.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click the days that you\u2019ll be on leave for. You\u2019ll see that the days you have selected change colour. If you have leave booked for later on in the year \u2013 use the arrows to change month and click the dates you\u2019ll be off for again.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With all of your holidays selected: activate the \u201cMark unavailable (All day)\u201d toggle switch, and then click the \u201cAdd Override\u201d button in the bottom right.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cal.com will save your changes, and now you don\u2019t need to worry about clients booking you while you\u2019re out-of-office.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7e64b3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7e64b3\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2024\/06\/Holiday.gif\" alt=\"\" class=\"wp-image-13511\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That segues nicely into the <a href=\"#ooo\">Out-of-Office<\/a> feature, but before we take a look at that \u2013 let\u2019s talk about Cal.com from the perspective of someone who does not have a regular working schedule.<\/p>\n<\/div>\n\n\n\n<div id=\"irregular\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Irregular availability<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When we added annual leave to our calendar in the previous subsection; we made use of the \u201cMark unavailable (All day)\u201d toggle to tell Calendly that we cannot be booked on the days we selected, but are otherwise available.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you uncheck <em>all<\/em> days from your general availability, then use \u201cAdd an override\u201d; you can specify individual dates your clients can book you on. You can then add time slots to each date you choose.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This level of customisation is exactly what zero hour contractors, the semi-retired, freelancers, consultants etc need to make Cal.com work for their use cases.<\/p>\n<\/div>\n\n\n\n<div id=\"ooo\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Out of office<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">From top level \u2018Settings\u2019 menu, within the \u2018Out of office\u2019 submenu; you can add OOO notifications that prevent you from being booked. There is a \u2018Reason\u2019 dropdown menu that lets you assign emojis and you can add notes that show on your public page when applied:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7e7615&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7e7615\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface.png.webp\" alt=\"Screenshot showing the reasons that can be assigned to an out-of-office message\" class=\"wp-image-13513\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface-400x225.png.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface-800x450.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface-832x468.png.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface-1664x936.png.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface-1248x702.png.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/calcom-out-of-office-interface-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Using this dedicated OOO feature is a quicker way to set annual leave than I outlined above, but there are use cases where a little more discretion is required than is afforded here.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The act of specifying a date with the OOO tool was a little fiddly. Cal.com automatically preselected the dates of the working week I was currently in whenever I clicked \u2018Add\u2019. Moving through the months to December, and choosing a date range was also a little unrefined as you can see:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls muted src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2024\/06\/Calcom-Its-Christmas.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Despite these minor niggles, it only takes a few seconds to get the OOO set up in the way I wanted.<\/p>\n<\/div>\n\n\n\n<div id=\"teams\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Creating Teams with Cal.com<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Adding a team was very simple. Click \u2018Teams\u2019 on the top level nav bar, then use the \u2018Create Team\u2019 button. Enter the details into the fields that pop up, add members to your team \u2013 along with their permissions \u2013 and click \u2018Finish\u2019.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7e896b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7e896b\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Create-Team.png.webp\" alt=\"Screenshot showing the dashboard of the Teams menu\" class=\"wp-image-13515\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Create-Team.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Create-Team-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Create-Team-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Create-Team-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Create-Team-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Create-Team-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Create-Team-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Create-Team-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Create-Team-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can edit the details of your team from by clicking the top-level \u2018Teams\u2019 menu item. Invite members, change the behaviour type (collective vs round-robin) and change how your team\u2019s profile will appear on the team public URL. The options for appearance are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add or change a logo<\/li>\n\n\n\n<li>Edit the URL that serves as the public page for your team<\/li>\n\n\n\n<li>Add a description (and any links)<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7e9661&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7e9661\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Manage-Teams.png.webp\" alt=\"Screenshot showing the Teams management dashboard\" class=\"wp-image-13516\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Manage-Teams.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Manage-Teams-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Manage-Teams-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Manage-Teams-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Manage-Teams-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Manage-Teams-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Manage-Teams-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Manage-Teams-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Manage-Teams-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The top Availability menu is where you can set up when your team can be booked. The toggle in the top right allows you to switch between your individual and team schedules, and dialling your team calendar in follows the same process as with individuals.<\/p>\n<\/div>\n\n\n\n<div id=\"appstore\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Cal.com App Store<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I was impressed with the amount and variety of integrations available during the Cal.com account setup process, and was eager to take a look at this section in more detail. Clicking the top level \u2018Apps\u2019 menu item whisks you to the Cal.com \u2018App Store\u2019:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7ea586&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7ea586\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-App-Store-view.png.webp\" alt=\"Screenshot showing the contents of the App Store dashboard\" class=\"wp-image-13517\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-App-Store-view.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-App-Store-view-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-App-Store-view-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-App-Store-view-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-App-Store-view-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-App-Store-view-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-App-Store-view-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-App-Store-view-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-App-Store-view-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">From here you can see everything on offer, and filter by categories to find what you need.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are \u2018Most Popular\u2019 and \u2018Recently added\u2019 rows, which implies that more are in the works. For free to use software \u2013 this level of third-party application support is impressive:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7eb0a0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7eb0a0\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2024\/06\/Apps.gif\" alt=\"Slideshow of screenshots showing the options in the Calcom App Store\" class=\"wp-image-13518\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can view the apps you are already using from \u2018Installed Apps\u2019 submenu, and make any necessary adjustments in case you change passwords or credentials.<\/p>\n<\/div>\n\n\n\n<div id=\"integration\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Integrating Cal.com with WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Cal.com App Store has a WordPress app and, as <a href=\"https:\/\/www.20i.com\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress Hosting specialists<\/a>; I was keenly interested to see how this worked. Clicking \u2018Details\u2019 takes you to a page outlining what the app does, and how to use it:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7ec046&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7ec046\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-App-page.png.webp\" alt=\"Screenshot of the Cal.com App Store\" class=\"wp-image-13641\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-App-page.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-App-page-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-App-page-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-App-page-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-App-page-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-App-page-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-App-page-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-App-page-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-App-page-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The app enables you to use the shortcode block to embed Events in your WordPress pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking on \u2018Install App\u2019 from this page, or \u2018+ Install\u2019 from the Cal.com App Store prompts you to choose if the integration points to yourself or your team, and whisks you to the WordPress Plugin page: <a href=\"https:\/\/wordpress.org\/plugins\/cal-com\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/cal-com<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I chose myself and, curious to see if I could also add team availability, clicked the \u2018Install App\u2019 button a second time. I was pleased to see that both options could be enabled \u2013 meaning that embedding events for individuals and for teams is possible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The WordPress Cal.com plugin page had a concerning message:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7ecd36&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7ecd36\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-Plugin-page.png.webp\" alt=\"Screenshot of the Cal.com WordPress plugin page\" class=\"wp-image-13642\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-Plugin-page.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-Plugin-page-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-Plugin-page-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-Plugin-page-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-Plugin-page-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-Plugin-page-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-Plugin-page-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-Plugin-page-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-WordPress-Plugin-page-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u201c<em>This plugin hasn\u2019t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress<\/em>.\u201d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Error messages like that are rightly off-putting for security savvy users. Given the extensive in-built security features of our platform, and the fact I was conducting my testing on a staging site, I decided to click \u2018Download\u2019.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From my <a href=\"https:\/\/www.20i.com\/blog\/wordpress-6-5-whats-new\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress 6.5.5<\/a> site I was also able to find the Cal.com plugin from the Plugins &gt; Add New Plugin search menu. The warning here was a little less concerning:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u201c<em>Warning: this plugin has not been tested with your current version of WordPress<\/em>.\u201d<\/p>\n<\/div>\n\n\n\n<div id=\"shortcode-inline\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">When installed, the plugin lets you embed your Events by adding a Shortcode block to a WordPress page, entering the details of your Event and how you want your call-to-action to be displayed. The Cal.com plugin can be configured to present your Events in two ways:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1\/ Inline<\/strong><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;cal url=\/username\/meetingid type=1]<\/code><\/pre>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7edf6e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7edf6e\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Inline.png.webp\" alt=\"Screenshot of how a default WordPress page looks when the Cal.com WordPress plugin is used to embed an Event inline\" class=\"wp-image-13643\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Inline.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Inline-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Inline-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Inline-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Inline-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Inline-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Inline-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Inline-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Inline-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div id=\"shortcode-popup\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>2\/ Pop-up<\/strong><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;cal url=\/username\/meetingid type=2 text=\"Schedule a meeting with me\"]<\/code><\/pre>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7ef03a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7ef03a\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Popup.png.webp\" alt=\"Screenshot of how a default WordPress page looks when the Cal.com WordPress plugin is used to embed an Event as a popup\" class=\"wp-image-13644\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Popup.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Popup-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Popup-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Popup-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Popup-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Popup-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Popup-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Popup-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Shortcode-Popup-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The pop-up version is a little fiddly, and doesn\u2019t respect the layout of your page without further tweaking.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are better ways to display your availability on your website for your clients to see. I\u2019ll show you how to do this using WordPress, but the principles apply to any platform that lets you use HTML.<\/p>\n<\/div>\n\n\n\n<div id=\"inline\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">From the Cal.com dashboard, in the Events tab; you can click the overflow menu (three dots) top reveal 3 methods of adding Cal.com to your website (and 1 of adding it to your emails):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Inline Embed<\/li>\n\n\n\n<li>Floating pop-up button<\/li>\n\n\n\n<li>Pop up via element click<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7f036a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7f036a\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Integration-Choices.png.webp\" alt=\"Screenshot of the Cal.com embed choices\" class=\"wp-image-13645\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Integration-Choices.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Integration-Choices-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Integration-Choices-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Integration-Choices-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Integration-Choices-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Integration-Choices-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Integration-Choices-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Integration-Choices-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Integration-Choices-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Inline Embed<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is incredibly simple! You click on Inline Embed, copy the code and pop it into a HTML container on your website. Update your page and you\u2019re in business with a view of your Cal.com schedule for all to see.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can customise the colour of this element using hex codes to better fit your brand colours:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7f1179&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7f1179\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1152\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Inline-Embed-Code-2048x1152.png.webp\" alt=\"Screenshot of what the Cal.com Inline Embed method looks like\" class=\"wp-image-13650\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Inline-Embed-Code-2048x1152.png.webp 2048w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Inline-Embed-Code-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Inline-Embed-Code-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Inline-Embed-Code-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Inline-Embed-Code-370x208.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Inline-Embed-Code-270x152.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Inline-Embed-Code-570x321.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Inline-Embed-Code-740x416.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/Calcom-Inline-Embed-Code-150x84.png.webp 150w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7f1cb7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7f1cb7\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface.png.webp\" alt=\"Screenshot of what the Cal.com Inline Embed method looks like on a WordPress page\" class=\"wp-image-13646\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface-400x225.png.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface-800x450.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface-832x468.png.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface-1664x936.png.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface-1248x702.png.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-shortcode-inline-interface-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div id=\"button\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Floating pop-up button<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Just as easy as Inline Embed; you click on \u2018Copy code\u2019 and paste it into a HTML container. After saving and then refreshing a live version of your page you\u2019ll see the new button follow you as you scroll up and down your page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For this option you can set the text displayed on the button, the colour of the text and the colour of the button itself in addition to the brand colours of the Cal.com element that loads when the button is pressed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is a great option if you don\u2019t have a digital assistant or messenger widget, or simply don\u2019t want to directly embed your calendar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress.png.webp\" alt=\"Screenshot of how the Cal.com floating button method of integrating looks on a WordPress page\" class=\"wp-image-13647\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress-400x225.png.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress-800x450.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress-832x468.png.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress-1664x936.png.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress-1248x702.png.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-button-on-wordpress-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n<\/div>\n\n\n\n<div id=\"element\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><strong>Pop up via element click<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is slightly tricker than the other two methods. As before, you grab the code and put it in a HTML container. The difference here is we need to appropriately configure the element. In this example we\u2019ll use a button as the element that triggers the pop up<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After adding a button, open the overflow menu and click \u2018Edit as HTML\u2019. Here is the code I used:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"wp-block-button has-custom-font-size has-medium-font-size\"&gt;\n\n&lt;a class=\"wp-block-button__link wp-element-button\" href=\"#\" data-cal-link=\"calcomtest\" data-cal-namespace=\"\" data-cal-config='{\"layout\":\"month_view\"}'style=\"border-radius:25px;box-shadow:var(--wp--preset--shadow--natural)\"&gt;\n\n&nbsp;&nbsp;&nbsp; Book my cal\n\n&nbsp; &lt;\/a&gt;\n\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Editing the button like this allowed me to preserve the styling that I had set for the button, which the Floating pop up button method above did not do by default.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd7f307b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd7f307b\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface.png.webp\" alt=\"Screenshot of how the embed pop up via element click method of integrating Cal.com looks on a WordPress page\" class=\"wp-image-13648\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface.png.webp 1920w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface-300x169.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface-768x432.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface-1536x864.png.webp 1536w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface-400x225.png.webp 400w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface-800x450.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface-832x468.png.webp 832w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface-1664x936.png.webp 1664w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface-1248x702.png.webp 1248w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/07\/calcom-meeting-scheduler-interface-150x84.png.webp 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Being able to use Cal.com in conjunction with your website (and your email footer) really helps to integrate it into your workflow\/funnel with very little friction. Round robin team Events can be integrated using the methods we just covered just as easily. Powerful stuff for free software!<\/p>\n<\/div>\n\n\n\n<div id=\"insights\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Cal.com Insights<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is where the Cal.com analytics are accessible. The default configuration of the dashboard, and the filtering options give users a straightforward and swift way of assessing success.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Insights dashboard presents:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Events Created<\/li>\n\n\n\n<li>Events Completed<\/li>\n\n\n\n<li>Events Rescheduled<\/li>\n\n\n\n<li>Events Cancelled<\/li>\n\n\n\n<li>Average Ratings<\/li>\n\n\n\n<li>Host No Show<\/li>\n\n\n\n<li>CSAT Score<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The drop-down menu in the top left lets you cycle between yourself and the teams you\u2019ve set up. Filters can be added to drill deeper.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Date ranges can be selected from options in the \u2018Select\u2019 dropdown menu in the top right, or by manually choosing a start and end via the calendar next to it.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6af0abd800466&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6af0abd800466\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1590\" height=\"1600\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-1590x1600.jpeg.webp\" alt=\"Screenshot showing the default view of the Insights dashboard\" class=\"wp-image-13519\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-1590x1600.jpeg.webp 1590w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-298x300.jpeg.webp 298w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-150x151.jpeg.webp 150w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-768x773.jpeg.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-1527x1536.jpeg.webp 1527w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-370x372.jpeg.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-270x272.jpeg.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-570x574.jpeg.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-740x745.jpeg.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01-96x96.jpeg.webp 96w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2024\/06\/Calcom-Insights-01.jpeg.webp 1788w\" sizes=\"auto, (max-width: 1590px) 100vw, 1590px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can export .csv files and use them to get the clearest possible picture of how things are going.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One feature present on the .csv is whether an event\/meeting has been paid for. There is a gap where that information would fit perfectly on the Insights dashboard, which would be useful.<\/p>\n<\/div>\n\n\n\n<div id=\"final\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Final thoughts<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you are looking for solution to book, schedule and manage appointments with your customers \u2013 Cal.com is highly recommended.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You need <a href=\"https:\/\/www.20i.com\/vps\" target=\"_blank\" rel=\"noreferrer noopener\">access to a VPS<\/a> and preferably <a href=\"https:\/\/www.20i.com\/domain-names\" target=\"_blank\" rel=\"noreferrer noopener\">a domain<\/a> to get the most out of it: but the free version is feature rich, integrates well with many third-party applications, is intuitive and a joy to use.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you are a solo practitioner, part of a small team or if you\u2019d like to make use of some of the untapped power of your VPS to arrange your meeting with a client \u2013 I\u2019d strongly recommend checking out Cal.com<\/p>\n<\/div>\n\n\n<div class='code-block code-block-2' style='margin: 8px 0; clear: both;'>\n\n<div class='ai-rotate ai-unprocessed ai-rotate-2-40669287' data-shares='WzUwLDEwMF0=' style='position: relative;'>\n<div class=\"ai-rotate-option\" data-index=\"1\" data-name=\"UmVzZWxsZXIgSG9zdGluZw==\" data-code=\"Cjxocj4KPGJyIC8+CjxhIGhyZWY9Imh0dHBzOi8vd3d3LjIwaS5jb20vcmVzZWxsZXItaG9zdGluZyIgdGFyZ2V0PSJfYmxhbmsiPjxpbWcgc3JjPSJodHRwczovL3d3dy4yMGkuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjYvMDMvQmxvZy1BZC1SZXNlbGxlci0xMjAweDYyNS0xLnBuZyIgbG9hZGluZz0ibGF6eSIgYWx0PSJVbmxpbWl0ZWQgUmVzZWxsZXIgSG9zdGluZyI+PC9hPgoK\">\n<\/div>\n<div class=\"ai-rotate-option\" data-index=\"2\" data-name=\"MjBpIFlvdVR1YmU=\" data-code=\"Cjxocj4KPGJyIC8+CjxhIGhyZWY9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL0AyMGlob3N0aW5nP3N1Yl9jb25maXJtYXRpb249MSIgdGFyZ2V0PSJfYmxhbmsiPjxpbWcgc3JjPSJodHRwczovL3d3dy4yMGkuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjYvMDUvMjBpLVlvdVR1YmUtMTIwMHg2MjUtMS5wbmciIGxvYWRpbmc9ImxhenkiIGFsdD0iMjBpIFlvdVR1YmUiPjwvYT4=\">\n<\/div>\n<\/div>\n<script>if (typeof ai_js_code == 'boolean') {var ai_block_div = document.querySelector ('.ai-rotate-2-40669287'); ai_process_rotation (ai_block_div); ai_block_div.classList.remove ('ai-rotate-2-40669287');};<\/script>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"In this review I\u2019ll be looking at the self-hosted version of Cal.com, an online event\/meeting scheduling application. Is&hellip;","protected":false},"author":36,"featured_media":17184,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","footnotes":""},"categories":[91],"tags":[81,94,161],"class_list":["post-13452","post","type-post","status-publish","format-standard","has-post-thumbnail","category-review","tag-internet","tag-open-source","tag-review","cs-entry"],"_links":{"self":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/13452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/comments?post=13452"}],"version-history":[{"count":28,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/13452\/revisions"}],"predecessor-version":[{"id":17185,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/13452\/revisions\/17185"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/media\/17184"}],"wp:attachment":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/media?parent=13452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/categories?post=13452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/tags?post=13452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}