Skip to content
Meetings

Embed the scheduling widget on a page

Last updated: July 22, 2022

Applies to:

All products and plans

Embed the scheduling widget on one of your pages to allow visitors to book time with you while they're on your site. Depending on your HubSpot subscription, you can either embed the scheduling widget on one of your external pages or on a HubSpot-hosted page using the meetings module.

Embed the scheduling widget on an external page

Please note: you must have Sales Access permissions or Service  Access permissions assigned to your user to access the embed code.

  • In your HubSpot account, navigate to Sales > Meetings.
  • Hover over the meeting, and click the Actions dropdown menu, then select Embed.

embed-meetings-1

  • Click Copy code.

  • Paste this embed code into the code of your external page to display the scheduling widget to visitors.

Learn how to make changes to the color of the widget and the logo that appears when it's embedded on your site.

Embed the scheduling widget on a HubSpot page

Please note: only Marketing Hub or CMS Hub accounts can embed the scheduling widget on a HubSpot-hosted page.

To embed the scheduling widget on a HubSpot page:

  • Navigate to your content:
    • Website pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
    • Landing pages: In your HubSpot account, navigate to Marketing > Landing Pages.
  • Hover over the page where you want to add the meetings module, and click Edit.
  • In the left panel, under Common modules, click Meetings and drag it into position on your page layout.

insert-a-meetings-link

  • To select a meeting link, click the module.
  • In the left panel, click the Select meeting link dropdown menu and select a meeting link. The scheduling page for that link will appear in the widget.
  • To refresh the page and view the scheduling page, select Click here.
insert-a-meetings-link-on-page
  • In the upper right, click Publish. The scheduling widget will appear on the page where you added the module.

Learn how to make changes to the color of the widget and the logo that appears when it's embedded on your site.

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.