This article covers how to embed a Calendly appointment scheduler in a Keap™ landing page, including setup, customization options, contact tagging, automation, and Facebook Pixel integration.

Calendly can be embedded directly on a Keap landing page sub-page, such as a thank-you page. The typical workflow captures a lead on an opt-in form on the main landing page. After the form is submitted, the visitor is directed to a sub-page where the embedded Calendly widget allows them to schedule an appointment — without requiring a third-party integration tool.

The screenshot above shows an example Keap landing page with an opt-in form.

The screenshot above shows an example thank-you sub-page with the embedded Calendly widget.

Embed the Calendly Widget

1. Navigate to the landing page sub-page where the Calendly widget will be placed.

   

   The screenshot above shows the landing page sub-page selection in the Keap landing page editor.

   

   The screenshot above shows the selected sub-page open in the Keap landing page editor.

2. Select the Content panel at the upper-right of the editor.

   

   The screenshot above shows the Content panel tab in the Keap landing page editor.

3. Drag the Appointment tool onto the landing page.

   

   The screenshot above shows the Appointment tool being dragged onto the landing page canvas.

4. In the appointment configuration section, select the option to use an embedded Calendly calendar rather than the Keap booking system.

   

   The screenshot above shows the appointment configuration panel with the Calendly option.

5. Paste the Calendly booking link into the provided field. The Calendly widget appears on the page automatically.

   

   The screenshot above shows the Calendly booking link field and the resulting widget preview in the landing page editor.

Note: The Calendly booking link must be copied from the Calendly account. Open Calendly in a separate browser tab to locate and copy the link for the booking event to embed.

Customize the Calendly Widget

The following customization options are available in the appointment configuration panel:

• Event details — Choose whether to show or hide event details on the landing page.

  

  The screenshot above shows the Event Details toggle in the appointment configuration panel with event details visible.

  

  The screenshot above shows the Event Details toggle with event details hidden.

• Name and email pre-population — Values from the landing page form can be passed into the Calendly name and email fields, reducing data entry for returning visitors.

  

  The screenshot above shows the name and email pre-population fields in the appointment configuration panel.

Note: Name and email pre-population is most useful when the Calendly widget is on the main landing page and an existing contact is sent a direct link from Keap. Merge fields can be used to pre-populate the contact's name and email in the scheduling form. Query parameters in the email link must match the parameters specified in the appointment configuration or the fields will not populate correctly.

Apply Tags and Trigger Automation

When a contact schedules an appointment using the embedded Calendly widget, tags can be applied to the contact automatically. Tags are applied immediately upon scheduling and trigger any associated automations in Keap, such as follow-up emails or appointment reminders — without requiring a third-party tool like Zapier.

The screenshot above shows the tag configuration options in the Keap appointment configuration panel.

Note: If Keap is configured to send appointment reminder emails or text messages, configure the Calendly event to disable its own email reminders to avoid sending duplicate notifications to the contact.

Facebook Pixel Integration

A Facebook Pixel ID can be added in the landing page settings. When configured, Facebook events fire when a contact schedules an appointment through the embedded Calendly widget, enabling conversion tracking and audience retargeting for Facebook ad campaigns.

The screenshot above shows the Facebook Pixel ID field in the Keap landing page settings.

Frequently Asked Questions

What does this article cover?

This article covers how to embed a Calendly appointment scheduler on a Keap landing page, including the steps to set up the widget, customize event details and pre-population, apply tags when an appointment is scheduled, and configure Facebook Pixel tracking.

Is Zapier required to use Calendly with Keap?

No. The embedded Calendly widget applies tags to contacts and triggers automations in Keap directly when an appointment is scheduled, without requiring Zapier or any other third-party integration tool.

Will contacts receive duplicate appointment reminders?

If Keap automations are configured to send appointment reminders, disable email reminders in the Calendly event settings to prevent the contact from receiving the same reminder from both Keap and Calendly.

When does name and email pre-population work?

Pre-population works when an existing contact is sent a direct link to the landing page from Keap and the Calendly widget is on that page. The query parameters in the email link must match the parameters configured in the appointment configuration panel, or the fields will not populate correctly.