AFL UTM Tracker Documentation

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

Calendly Floating Button

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

A Calendly Floating Button is a small, persistent button that appears on the side or corner of your website, allowing visitors to easily open your Calendly scheduling popup widget without navigating away from the page. It’s often used to promote booking a meeting or demo in a subtle but always-visible way.

A Calendly Floating Button is also known as the Calendly Badge Button.

Minimum Requirements

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

Steps

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

  1. Copy and edit the Calendly Floating Button HTML code below.
  2. On Line 7, paste your own Calendly URL into the url property.
  3. On Line 8, change the button text.
  4. On Line 13, decide if you want to pass First Touch or Last Touch UTM parameters to Calendly (refer setting options below).
  5. On Line 18, change the CSS style of the Calendly popup widget.
  6. On Line 20, replace MYDOMAIN_NAME with your website URL. This will load our plugin script for Calendly.
  7. Paste the code in your site HTML footer so that it appears in all frontend pages.
  8. Run a test on your Calendly Floating button.

Attribution Model Setting

Pass Last Touch UTM parameters to Calendly

On Line 13, change the widget_badge_attribution_model property value to ‘last’.

widget_badge_attribution_model: 'last'

Pass First Touch UTM parameters to Calendly

On Line 13, change the widget_badge_attribution_model property value to ‘first’.

widget_badge_attribution_model: 'first'