To provide your visitors with the best experience on the site, you should make the elements clickable — for example, buttons, navigation menu, social icons, phone numbers, etc. — so that they direct your visitors to relevant sections. For that, you should link them accordingly.

Adding links to elements

There are lots of different elements available in our gallery. As for now, you have a possibility to set a click action for texts, buttons, images, and icons on your site.

Tip: check the article Actions of a contact form when it is submitted to see where you can redirect site visitors after they submit a contact form.

Adding links to a text

Firstly, to make the text clickable, select it and click on the "chain" icon in the pop-up menu:



After that, click on the "gear" near the opened field and access the settings:



In the new window, select the needed click action from the drop-down menu:



Adding links to a button

For that, click on the button and navigate to its settings by clicking on the "gear" in the pop-up:



In the new window, go to the Action tab and select the needed click action from the drop-down menu:



Note: if there's no link set up for the button, you will see an exclamation mark next to it in the editor:



Adding links to an image

For that, click on the image placeholder and access its setting by clicking on the "gear" in the pop-up:



In the new window, select the needed click action from the drop-down menu:



Note: you can't add links to the background images of your site.

Adding links to the icon

For that, click on the icon and access its setting by clicking on the "gear" in the pop-up:



In the new window, navigate to the Action tab and select the needed click action from the drop-down menu:



Tip: check the article Global social links if you want to set up a click action for the social icons.

Possible click actions

After you open the item settings, go ahead and choose the suitable click action from the drop-down menu. Learn the possible options and their functionality below.

Scroll to block

This feature redirects users to a block on the same page of your site. To set it up, choose the Scroll to block option in the dropdown and select the needed block by its anchor name:



You can also select the block visually on the site by clicking on the "target" icon:



Tip: check the article Changing the design of a block to set up unique block anchor names for easier differentiation.

Open page

This feature allows you to redirect visitors to another page of your site once they click on the element. To set it up, choose Open page in the dropdown and select the needed page:



You can also toggle on the option of opening the page in a new browser tab:



Jump to block on another page

This option links an element to a particular block on another page of your site. To set it up, choose Jump to block on another page, then select the page and specify the name of the block:



Open Pop-up

This action allows you to open a pop-up window on your site when the visitors click on a particular element. To set it up, choose the Open Pop-up option in the Click action field and select the needed window:



Important: this option is available for Pro sites only. Also, there's no possibility to link text elements to pop-ups yet.

Close Pop-up

This option closes the opened pop-up after clicking on the particular element — it is commonly used for buttons. To set it up, choose the Close Pop-up action in the elements settings:



Web address

This action redirects your visitors to an external resource. To set it up, choose Web address in the menu and paste the link with the https:/ extension:



Important: this option is available for Pro sites only.

You can also toggle on the option of opening the link in a new browser tab, or set the "nofollow" tag for it:



Tip: check the article "Nofollow" for links to find more information about setting up the "nofollow" tag.

Phone

This feature allows you to add a link to a phone number. This is particularly useful for viewing the site on mobiles as it will allow your site visitors to initiate a call with you with just a click. To set it up, choose the Phone option from the menu and add the number (including the country code):



Email

This option allows your site visitors to send you an email right from your site (provided that they have a mail service installed). To set it up, select the Email action, paste your email address and specify the subject that will be displayed in the email (this field is optional):



File download

This option provides your users with an opportunity to download a file straight from your site. To set it up, choose the File download and click Select the file:



In the opened window, select the file or upload a new one:



Note: check the article File download to learn more about linking files to elements.

Scale image

This option is a specific click action for images on your site. When a visitor clicks on the image, its enlarged version will be opened in a pop-up window. To set it up, select the Scale image in the drop-down menu in the Media settings:



Important: you can't link an image to Email, Phone or File download.

Don't forget to publish your site for the changes to appear live.
Was this article helpful?
Cancel
Thank you!