Need help? You’ve come to the right place

What’s New Getting Started Building Integrating Publishing

Add links to page elements

Last Updated

Many widgets—from buttons to images to text—can be turned into various types of links using click events. In addition to a URL, you can link these elements to a pop-up, a Calendly pop-up, another landing page, or even another section on your page.

 

Linking step-by-step

Here’s how you can add a link to widgets that support links:

  1. Click the widget to bring up its settings. If working with text, highlight the text you’d like to link.
  2. Select the link icon.
  3. Choose your click event: Open a pop-up, Open a Calendly pop-up, Link to an external URL, Link to a landing page, or Jump to a page section.
  4. Input or select the destination for your link. Adjust any options as needed, then click Save.

If you're using a button widget, it's even faster to link click events to it.

Hover over your button, then click Add Click Event or Edit Click Event if the button is already linked to something.

Link options

Link to a pop-up

One of the most common click events is Open a pop-up, giving you the ability to create a pop-up form to entice visitors to opt in to your page.

Click here for more information about creating an on-page pop-up.

Link to a Calendly pop-up

In addition to the Calendly embed widget, a Calendly pop-up is available as a link option. Much like a pop-up, the Calendly pop-up will overlay the page when opened.

Just like the Calendly embed widget, there's no embed code necessary when looking to add a Calendly pop-up. Just the URL to your Calendly will do!

Link to an external URL

If your link leads to an external URL or landing page, you can configure it to open in a new window. It’s also possible to enable “nofollow” so your linked page won’t be indexed by search engines.

clickevents_externalURL.jpg

Link to another section on the page

By using the link option Jump to a page section, you can quickly navigate visitors to a specific section further down on the page.

Make it easy on yourself by naming/labeling your sections in the Layout tab on the left-hand sidebar of the builder. Then, select Jump to page section as your click event and choose your page section.

Remove or change links

To get rid of a click event or change it, simply select the radio button next to another option. For a button widget, simply hover over the button and select Edit Click Event, then select a different click event.

clickevents_change.gif

Supported widgets

You can add links to any of the following widgets:

  • Button
  • Icon
  • Image
  • Text (includes text in the Image + Text and Calendar + Text widgets)

Phone number, SMS and email links

Using the "Link to an external URL" option, you can also create a link that triggers a phone call or an email.

A few cautions to be aware of:

  • Most mobile operating systems automatically detect and turn phone numbers and emails into links, so it’s not always necessary to explicitly create links out of them.
  • Email links always open to the default email client (such as Outlook, Apple Mail, etc.). Visitors who only use web-based email (such as the Gmail interface) may not be able to effectively use your link.

That said, you can hard-code a phone number, SMS, WhatsApp, or email.

Link to call

To link to a phone number, choose the “External URL” option, then input tel: followed by your phone number, like so: tel:5551234567.

clickevents_clicktocall.jpg

Link to text message

This strategy also works if you're wanting your link to launch the page visitor's SMS client to send a text message to the number you're linking. In this case, you'll use SMS: followed by the number you'd like your visitors to text message.

Link to email

You can do the same thing with an email address using mailto: like so: mailto:name@website.com.

Link to WhatsApp chat

To link text or a button on your page to begin a WhatsApp chat, WhatsApp recommends using https://wa.me/<number> where the <number> is a full phone number in international format. Leave out any zeroes, brackets, or dashes when adding the phone number in international format.

Click here for more information from WhatsApp.

Frequently asked questions

Can I put HTML in a link?

No, only valid URLs can be used in links. Instead, consider using an HTML widget if you need to paste in HTML code.


Need more help?

You can always get in touch with our support team—just click Support in your Leadpages navigation menu, or submit a ticket ↗

Was this article helpful?
Powered by Zendesk