Link Action
Last updated
Was this helpful?
Last updated
Was this helpful?
The Link Action property gives you the option to choose between different actions that will be performed when a user clicks on the Link.
Select a block.
Navigate to the Primary tab and click the Link icon to open the Link panel.
Choose Action as Type in the dropdown.
This opens an Action dropdown where you can choose between different actions for your Link.
The Lightbox Type property defines the type of Lightbox object applied to the Link.
When clicked, the Lightbox action displays images or videos by filling the screen and dimming out the rest of the web page.
It is important to correctly specify the object type when using dynamic data, you will otherwise run into an error.
When selected, the Lightbox action opens a Source dropdown where you can choose between Static and Dynamic.
Allows you to choose between Image and Video.
Image Defines the Lightbox object as an image.
Video Defines the Lightbox object as a video.
The Lightbox URL property allows you to define the image/video URL that will be used for the Lightbox object.
The Image property allows you to customise your Image Action (URL, Height, Width, Caption, Overlay colour, Gallery name).
The Lightbox Height/Width properties allow you to define the image height/width that will be used for the Lightbox object.
The Lightbox Caption property allows you to define a description that will appear under the image.
This property is only available when the Lightbox URL property is set to Image.
The Lightbox Overlay Colour property defines the colour of the overlay for the lightbox.
The Lightbox Gallery Name property allows you to define an identifier that will identify the Lightbox object with other similar objects.
The Video property allows you to customise your Video action (Video URL, Overlay colour, Gallery name).
The Dynamic property allows you to choose a Data type in the dropdown such as Unset, Featured Image, Shortcode, ACF field).
The Dynamic Image parameter allows you to personalise your dynamic image by adjusting height, weight, adding a caption, and adding an overlay colour or gallery name.
The Lightbox Height/Width properties allow you to define the image height/width that will be used for the Lightbox object.
The Lightbox Caption property allows you to define a description that will appear under the image.
This property is only available when the Lightbox URL property is set to Image.
The Lightbox Overlay Colour property defines the colour of the overlay for the lightbox.
The Lightbox Gallery Name property allows you to define an identifier that will identify the Lightbox object with other similar objects.
When clicked, the Share action automatically generates and redirects the user to the selected social platform with a ready-made sharing template.
Click the Link icon in the Primary tab to open the Link panel.
Choose Share in the Action dropdown.
Choose the platform to which you wish the user to be redirected.
Add a description if required.
You can also click the Dynamic Inserter icon to add dynamic data.
When clicked, the Modal action displays the selected modal block by filling the screen and dimming out the rest of the web page.
Click the Link icon in the Primary tab to open the Link panel.
Choose Modal in the Action dropdown.
Choose Type of action required, such as Open, Close or Toggle.
Add the Block ID of the modal.
You can also add dynamic information to your block ID using the Dynamic Inserter.
When clicked, the Contact action redirects the user to the selected contact option (Email, WhatsApp, Tel, etc...).
Click the Link icon in the Primary tab to open the Link panel.
Choose Contact in the Action dropdown.
Add required data depending on the type on contact selected.
The Slider Type property allows you to define whether the action should display the next, previous or specified slide.
With a block selected, click to open the Link icon in the Primary tab.
In the Link modal, select Link Type as Action.
Select Slider as Link Action.
Select desired Type (next, previous, go to index).
This slider action type allows you to target a particular slide by specifying its index number in the index number text area.
When clicked, the Slider action displays the selected slide.
Add the Slider ID.
Add Index number.
The Back To Top property allows you to set, on whichever block, the action that brings the user back to the top of the page.
Select a block and click the Link icon in the Primary tab.
In the Link modal, make sure that the Link is active and that Link Type is set to Action.
Select Scroll to Top in Link Action dropdown.
Targets and offsets can be used to determine when the element, that contains the Back To Top action link type, appears or disappears in the users viewport.
Target Set a targeted block ID or class, for the top (in target) or the bottom (out target), for the element to appear or disappear from.
Offset Set an offset in pixels, from either the top (in offset) or the bottom (out offset), for the element to appear or disappear from.
The target parameters target any selector (classes, ids etc) while the offset parameters allows you to set a pixel scrolling offset.
When clicked, the Show action allows a different trigger to open the popover.
Add Popover ID in the field provided.
When clicked, the Hide action allows a different trigger to hide the popover.
Add Popover ID in the field provided.
When clicked, the Show to Hide action allows a different trigger to show then hide the popover.
Add Popover ID
Add a Delay In and/or out as required.
When clicked, the Toggle action allows a different trigger to toggle the popover open and closed.
Add Popover ID.
The New tab property allows you to define whether or not the Link should be opened in a new browser tab.
To enable the New tab property, toggle New Tab on.
Select a block.
Click the Link icon in the Primary tab to open the Link modal.
Make sure that Active is enabled.
Find "New Tab" and toggle on.
The Link rel. property defines the relationship between the current document and the linked document.
This helps search engines determine how to index or display the page according to the information given by the link relationship attribute.
The link relationship attribute can be the author or the help value (link to a help document). For a more detailed description, please visit:
https://developer.mozilla.org/fr/docs/Web/HTML/Attributes/rel
