Articles on: Site editing
This article is also available in:

Adding links to elements (click action)

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 Actions of a contact form when it is submitted article to see where you can redirect site visitors after they submit a contact form.



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:





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:





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.



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 Global social links article 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 Changing the design of a block article 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 way 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 "Nofollow" for links article 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 File download article 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.

Updated on: 01/16/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!