All Collections
Meetings
Embedding Meetings into a Web Page
Embedding Meetings into a Web Page

Display the Meetings form directly on your webpage instead of opening it in a pop-up window

Adriana Świerczek avatar
Written by Adriana Świerczek
Updated over a week ago
  1. Copy the following HTML code:

    <div id="callpageOutsideMeeting"></div>

  2. Log in to your HTML editor or CMS (Content Management System) that allows you to edit the webpage's code.

  3. Locate the desired location on the webpage where you want to place the Meetings form.

  4. Paste the previously copied HTML code into the chosen location on the webpage.

  5. Save the changes and publish the webpage.

After following the above steps, the designated area on the webpage will serve as a container for the Meetings form. This means that when visitors access the webpage, they will be able to see and interact with the appointment form directly on the page itself, without the need for a separate pop-up window.

The benefit of using the Embed functionality is that it provides a more seamless and integrated user experience. Visitors can conveniently schedule appointments without being redirected or having to deal with additional windows. By embedding the form on the page, users can also have more control over the form's placement and styling (Edit widget settings > Widget view), allowing them to tailor the appearance to match their website's design and layout.

In summary, the Embed functionality for the meetings form enables users to paste a specific code snippet on their webpage, which results in the appointment form being displayed directly on the page rather than in a pop-up window. This provides a smoother user experience and allows for greater customization options.

Did this answer your question?