Calendly is a scheduling tool that makes finding a time to meet with you a breeze. Once you have your Calendly account set up, you can then add your Calendly to your website!

In this article, we will cover the three most common ways to share your Calendly link to your website.

  1. How to Add a Calendly Button to Your Website: Add a button section to your website that links to your Calendly scheduling tool:

  2. How to Add a Calendly Link to Your Website: Add a link to your Calendly scheduling tool:

  3. How to Embed Your Calendly Scheduling Tool Directly to Your Website: Embed your Calendly scheduling tool directly onto one of your website pages:

How to Add a Calendly Button to Your Website

After you create your Calendly account, you can then add your Calendly link to a button on your website.

To begin, log into your Calendly account.

  1. On the top menu bar, click Account > Share Your Link

  2. In the Share Your Link modal, under Copy Your Link, click the blue box:

Now that you have your Calendly share link copied, you can now add the link to a button on your website.

In your FMG Suite admin, navigate to the page that you would like to add a button to and click "+ Add Section":

In the "Text" category, select the "Button" section, and click "Add Section":

Next, click on the button to edit the button label and link:

In the button modal that opens, you will be able to customize the button:

  1. Button Label: enter the text that you want to appear on your button here.

  2. Button Destination: use this drop-down menu to select where the button will link to. You can choose to have it link to an internal page or external page.

  3. External URL: if you choose to link to an external URL, enter the URL here.

  4. Open link in new window or tab: check this box if you would like the link to open in a new window or tab.

Once you edit your button click "Save" to continue. Click "Publish" in the top right corner of your screen to send your changes to compliance!*

*Note, make sure to preview your website to make sure your link is working!

For more information on Adding and Editing a Button section, click here.

How to Add a Calendly Link to Your Website

After you create your Calendly account, you can then add your Calendly link to your FMG Suite website.

To begin, log into your Calendly account.

  1. On the top menu bar, click Account > Share Your Link

  2. In the Share Your Link modal, under Copy Your Link, click the blue box:

Now that you have your Calendly share link copied, you can now add the link to your website.

In your FMG Suite admin, navigate to the page and section that you would like to add your link to. You can add a new text section to a page or add your link to an existing text section.

Highlight the text you want to apply your link to, and then click the "Insert/Edit Link" icon:

Here is an overview of the Insert Link modal:

  1. URL: Enter the URL that you would like to apply to the highlighted text. (For example https://calendly.com/username)

  2. Text to display: This will be auto-populated by the text you highlighted. Go ahead and make changes to this, if you'd like!

  3. Title: The text you enter here will appear when visitors hover over your link. This is an optional field.

  4. Target: "None" will open the link in the same window. You can select "New Window" to open the link in a new tab.

Once you insert your URL click "Ok" to continue. Click "Publish" in the top right corner of your screen to send your changes to compliance!*

*Note, make sure to preview your website to make sure your link is working!

If you need to edit your link, simply highlight the link and click the "Insert/Edit Link" icon again. You will see the content you previously entered here, available to edit.

How to Embed Your Calendly Scheduling Tool Directly to Your Website

Adding the Calendly "Inline Embed" HTML code to one of your pages allows someone to easily see your schedule and book a time to meet with you!

After you create your Calendly account, you will need the "Inline Embed" HTML code to add to your FMG Suite website.

To begin, log into your Calendly account.

  1. On the top menu bar, click Account > Share Your Link

  2. In the Share Your Link modal, under Add to Your Website, click the blue box next to Add to Your Website

  3. Here you will see three options for adding your link to your website: Inline Embed, Popup Widget, and Popup Text. Click Inline Embed, then Continue:

  4. Next, click Copy Code:

Now that you have the HTML code copied, it's time to log into your FMG Suite admin and add the HTML code to one of your pages!

To embed your code on a page on your site, click "Add Section" on a new or existing page:

Next, navigate to "Widgets," then select the "HTML Code" section to add to your page:

Simply paste your code into the section and — voila! — you're Calendly schedule is now embedded directly onto your page!

Did this answer your question?