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
Linking text, images and more
Here’s how you can add a link to widgets that support links:
- Click the widget to bring up its settings. If working with text, highlight the text you’d like to link.
- Select the link icon.
- 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.
- Input or select the destination for your link. Adjust any options as needed, then click Save.
Linking buttons
If you're using a button widget, it's even faster to link click events to it.
Click on your button, then select the click event action.
Quick actions
For quick access to your button's click events, hover over your button, then click Add Click Event or Edit Click Event if the button is already linked to something.
Link options
Once you have opened your widget's click event options, select the radio button next to the click event of your choice to link it to your widget.
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.
In addition, when linking to an external URL on a button, you can tell Leadpages to count that button click as a page conversion in your analytics. More info here.
Link to another landing page
Similarly to linking to an external URL, you can also link to another landing page on your account. It also includes the options for using nofollow and opening in a new window
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. These are sometimes called "anchors."
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.
NOTE: If you want the URL structure to link to a page section you can format it like this:
http://www.domain.lpages.co/pagename#section-name
Make sure you do not use capital letters in the URL for the section name. If the section name has a space in the title, use a hyphen "-" to replace the spaces in the URL.
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.
Supported widgets
You can add links to any of the following widgets:
- Button
- Icon
- Image
- Text (includes text in the Image + Text widget)
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.
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 ↗