How Dynamic Content on Your Page Works

Phone numbers, links, and calendars from the URL

Sometimes you want a page to show different content for different visitors: a click-to-call button that dials the right rep, or a booking calendar that opens the right person's Calendly.

You can do this by passing values in the page URL and having your button or calendar read them, with a safe fallback when nothing is passed.

This works anywhere you can enter a link:

• Button links
• "Closing CTA" button links
• Calendar blocks

The Idea in One Line

Wherever you'd type a link or a phone number, you can instead type:

{utm:NAME|FALLBACK}

• NAME  is the parameter you add to the page URL.
• FALLBACK  is what shows when that parameter isn't in the URL.

Example

{utm:phone|+1 800 555 1234}

This uses the phone number from the URL and falls back to +1 800 555 1234  when there isn't one.

Example 1: Click-to-Call Button

1. Add a Button to your page, or use the button inside a CTA Section.

2. Set Button Action to Call phone number.

   In the Phone Number field, enter either:

   • A fixed number, like +18005551234
   • A dynamic one, like {utm:phone|+18005551234}
3. Publish.

Now, if someone visits your page with:

?phone=+14845220332

Tapping the button dials +14845220332 .

With no phone  in the URL, it dials your fallback.

Example 2: Booking Calendar That Changes per Visitor

1. Add a Calendar block to your page.

   In Calendar Link, enter either:

   • A fixed link, like https://calendly.com/yourteam/intro
   • A dynamic one, like {utm:calendarLink|https://calendly.com/yourteam/intro}
2. Set the height if you want, and publish.

It works with Calendly, GoHighLevel, Cal.com, Acuity, or any calendar that gives you an embed link.

Example 3: A Button Link That Changes per Visitor

1. Add a Button.
2. Set Button Action to Open URL.
3. In the URL field, enter:

{utm:bookingLink|https://yourdefault.com}

4. Publish.

The button now sends visitors to whatever bookingLink  is in the URL.

How to Build the URL You Send People To

Add your values to the page link as parameters:

https://yourpage.com/p/your-page?phone=%2B14845220332&calendarLink=https%3A%2F%2Fcalendly.com%2Fagent%2Fintro

Two Rules to Remember

1. Use ?  Once, Then &  Between Values

The first value starts with ? . Every value after it uses & .

Using a second ?  will break it.

2. Encode Special Characters

A +  in a phone number must be written as %2B , and a full web link should be "URL-encoded."

Most tools that build these links, including your CRM, ad platform, or LeadByte, do this for you automatically.

Always Set a Fallback

The part after the |  is your safety net.

If someone reaches the page without the parameter, such as through organic traffic, they'll see the fallback instead of a broken button or empty calendar.

We recommend always including one.

Tip: Personalize Text Too

You can also personalize text the same way.

For example, you could use a headline like:

Welcome back, {utm:first_name|there}

See the "Personalization Tags" article.

Need a hand setting this up? Ask the in-app assistant, "add a click-to-call button that uses the phone number from the URL," and it will build it for you.