Contents
How to add custom attributes to a link?
With Elementor, you can add custom HTML attributes to the element of every link. This enables the addition of data-* attributes, ARIA attributes (accessibility) and values, header, footer, sidebar, rel=*, and other attributes that can be found here Common Link Attributes use cases include:
How to add a custom attribute in HTML?
Add your code in the Custom Attributes field, using the format key|value. For example, to add rel=”sponsored” to the element’s HTML, enter rel|sponsored here. To add rel=”ugc” to the element’s HTML instead, enter rel|ugc here.
How do I add a download attribute to a link?
To cause a file to be immediately downloaded when a user clicks a button, add a download=”yourfilename” attribute to the button’s link. Right-click on the Button widget’s handle and click Edit widget to open the widget’s settings panel. Click the gear icon to the right of the Button’s Link field to open up the additional options.
How to add a title to a link?
To add a title to the link element, enter title|Your title text goes here. Tip: If you add a title attribute, it will only display as a popup tooltip on hover if there is something in the Link URL field, so there must be at least a # in the field.
How to add custom code to HTML link?
Click the gear icon to the right of the Link field to open up the additional options. Add your code in the Custom Attributes field, using the format key|value. For example, to add rel=”sponsored” to the element’s HTML, enter rel|sponsored here.
When was the last update to custom link attributes?
Custom Link Attributes Last updated on May 11, 2021 With Elementor, you can add custom HTML attributes to the element of every link. This enables the addition of data-* attributes, ARIA attributes (accessibility) and values, header, footer, sidebar, rel=*, and other attributes that can be found here