AFL UTM Tracker Documentation

  2. Home
  4. Docs
  6. AFL UTM Tracker Documentation
  8. Calendly Integration
  10. Calendly Popup Button

Calendly Popup Button

You can use our AFL UTM Tracker plugin to pass dynamic UTM parameters to your Calendly Popup Button on your WordPress website.

A Calendly popup button is a Call-to-Action (CTA) button that is can be placed in your top navigation menu or within your landing page. When the Calendly button is clicked, a Calendly scheduling popup widget will appear on the center screen prompting the visitor to book a meeting with you.

Minimum Requirements

  • AFL UTM Tracker v 2.23.0
  • WordPress 5.0.0 or higher.

Steps

If you have an existing Calendly Popup Button HTML code on your website, save the code somewhere first.

  1. Copy and edit the Calendly Popup Button HTML code below.
  2. On Line 2, paste your own Calendly URL into the data-url=”” attribute.
  3. On Line 4, decide if you want to pass First Touch or Last Touch UTM parameters to Calendly (refer setting options below).
  4. On Line 5, rename the Call-to-Action button text (e.g Book a meeting or Schedule an Appointment).
  5. On Line 6, change the CSS style of the Calendly popup widget.
  6. On Line 7, replace MYDOMAIN_NAME with your website URL. This will load our plugin script for Calendly.
  7. Paste the code within your landing page content or top navigation menu.
  8. Run a test on your Calendly Popup Button.

NOTE: Make sure that you do not remove the class=”afl-calendly-button”. The CSS class is being used to identify the button.

Attribution Model Setting

Pass Last Touch UTM parameters to Calendly

On Line 4, change the data-attribution_model attribute to “last”.

data-attribution_model="last"

Pass First Touch UTM parameters to Calendly

On Line 4, change the data-attribution_model attribute to “first”.

data-attribution_model="first"