Meetings

Embed the meeting widget on a page

Last updated: November 22, 2018

Applies to:

Sales Hub
sales-starter-pro-enterprise
Starter, Professional, Enterprise

Embed the meetings widget in one of your pages to allow visitors to book time with you while they're on your site.


Embed the meetings widget on a HubSpot page

To embed the meetings widget on a HubSpot page, install the Meetings module created by HubSpot and add this module in your page templates. Then, customize the meeting link for the widget on the page.

Install the Meetings module

  • In your HubSpot account, navigate to Marketing > Files and Templates > Template Marketplace.
  • In the upper right, search for Meetings. You'll see a listing for the Meetings module.
  • Hover over the listing for Meetings module, then click View details.
  • In the upper right, click Get module for free to install the Meetings module in your HubSpot account.

Add the Meetings module in a template

  • In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.
  • In the finder, click the name of the template.
  • In the template inspector, click + Add.

  • Search for the Meetings module, then drag and drop it into the desired area in the template.

  • In the upper right, click Publish to add the meetings widget onto all HubSpot pages using this template.

Customize the meetings link on a page

  • In your HubSpot account, navigate to your landing pages or website pages.
  • Hover over the page with the meetings widget and click Edit.
  • In the page editor, click the Meetings module.
  • In the left pane, click the Meetings links dropdown menu and select the meeting link for the widget, then click Apply.
  • In the upper right, click Publish or Update to take your changes live.

Embed the meetings widget on an external page

  • In your HubSpot account, navigate to Sales > Meetings.
  • Hover over the meeting and click Embed.

  • Click Copy code.

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

The widget will be displayed on your page where the code is inserted.

Style the meetings widget

  • In your HubSpot account, click the settings icon settings in the main navigation bar.
  • In the left sidebar menu, navigate to Sales > Branding.
  • Click Upload to add a logo and under Primary color, select the color for your meetings widget.

Please note: the Branding settings apply to all users in your account for all sales features except the messages tool.

Was this article helpful?

If you still need help you can get answers from the , or to contact support.