Add Calendly to your website

Calendly makes a scheduling widget so customers can book appointments with you. To use this integration in Solo, you have two options:

A) Use the Scheduling Section

B) Use the Code Embed Section

To display your scheduling widget directly on your website, use the Embed Section and follow the steps below.

---

Step 1: Get your Calendly embed code

These steps happen on the Calendly website. See Calendly's embed documentation for the latest screenshots and walkthrough.

1. Go to Calendly and sign in to your account.
2. From your dashboard, click the Event Types tab.
3. To embed all event types, click the dropdown arrow next to your account name. To embed a single event type, click the dropdown arrow next to that specific event.
4. Click Share → Embed.
5. Choose an embed style:
   • Inline — the calendar appears directly on the page (recommended for most sites).
   • Popup Widget — a floating button that opens a popup.
   • Popup Text — a text link that opens a popup.
6. Click Continue, then copy the provided embed code snippet.

Note: Calendly's UI may change over time. If the steps above don't match what you see, refer to Calendly's embed documentation for the most up-to-date walkthrough.

---

Step 2: Add the code to your Solo website

1. Visit the designer

2. In the top toolbar, click Sections

3. In the Sections right sidebar, click Add section

4. Double click the Code embed section in the modal to add it to your website

5. In the designer area, scroll down to the Code embed, and hover over the section
6. Click Edit section

7. In the Code embed right sidebar, paste the embed code you copied from Calendly.

8. In the right top toolbar, click Save Draft

9. Try previewing your site before you click Publish to make sure you're happy with the expected result.

Once added, your Calendly scheduling widget will appear directly on your live website.