Calendly
Embedding a Calendly booking calendar into your RevasOS website is easy and allows you to manage appointments and bookings professionally. Follow the steps below.
Attention to privacy
When you insert this type of scripts that can install cookies or collect information about the user and their devices, remember to always have consent management active via Consent Platform Managemtn, for example Iubenda.
Get the code
Log in to your Calendly account: Go to Calendly and log in with your credentials.
Create an event:
- In the Calendly dashboard, click on + New event or select an existing event.
- Set up the event details:
- Name, description and duration of the appointment.
- Availability (days and times you are available).
- Save the event.
- Get the embed code:
- On the event page, click Share.
- Select the option Add to your website.
- Choose the type of integration you prefer:
- Inline Embed (calendar directly on the page).
- Popup Widget (calendar as a button that opens in a popup).
- Copy the HTML code provided.
Insert the code on RevasOS
Once you have the code, go to RevasOS and:
- Go to the page where you want to insert the booking calendar.
- Click New Block and select New Code Block.
- Paste the code into the block.
- Save the page to make the calendar visible on your site.
Changing the size and appearance of the embedded calendar
If you want to change the size of the calendar (for example, make it full-page or centered with padding), you can do so by editing the HTML code of the iframe or widget. Here's how:
- Copy the code of the iframe or widget you already inserted.
- Paste it into a prompt for ChatGPT with a request like this:
- To make it full-page:
Edit this HTML code to make the Calendly calendar full-page. I only want HTML with inline CSS, no JavaScript, so here's the code: [replace this space with your embed code] - To center it on the page:
Edit this HTML code to make the Calendly calendar centered, with padding around it. I only want HTML code with inline CSS, no JavaScript, here is the code: [replace this space with your embed code]
- Copy the result of the code.
- On RevasOS:
- Go to the page where you want to insert the modified calendar.
- Click on New Block and select New Code Block.
- Paste the code into the block and save.
With this guide you can easily integrate Calendly booking calendars into your RevasOS site, offering your visitors an intuitive and seamless booking experience. 📆✨