Skip to content
Meetings

Embed the scheduling widget on a page

Last updated: October 20, 2021

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 their 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 Hub Access permissions enabled for 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-a-meeting-link

  • Click Copy code.

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

The widget will appear on your page where the code is embedded. 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: you must be a user in a Marketing Hub or CMS Hub account to embed the scheduling widget on a HubSpot-hosted page.

To embed the scheduling widget on a HubSpot page, add the meetings module to your page. The module is included as one of the common modules in the page editor. Then, customize the scheduling page for the widget on the 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 in the page editor, click the meetings module 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, click Click here.
insert-a-meetings-link-on-page
  • In the upper right, click Publish or Update to take your changes live.

The 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.