Dynamic HTML Attrributes Repeater

With the dynamic attributes feature you now have the freedom to create as many atributes as you want and fetch dynamic content for those.

watch the Dynamic HTML Attrributes Repeater tutorial

Play Video

Dynamic Attributes

Adding attributes to our markup can be really handy. As it stands now, the Elementor attributes tab doesn’t allow us to add multiple attribute keys. Our feature will add a repeater that will allow you to do two things: first, add as many attributes you desire, and second, fetch data dynamically, for keys or values of your attribute.

Use cases

Attributes can be used for many things. For example; to target using CSS:

a[scope=woogloo]
{background-color: red;}

Another popular use is to create analytics measurements in Google analytics according to an attribute.

Scope : Extension
Dependencies: Elementor

Frequently Asked Questions

Enable the feature on your Gloo dashboard, and a repeater will be available in the Elementor attributes tab.
With Dynamic HTML Attributes, users can add multiple attribute keys and values to their markup, and fetch data dynamically. This can be useful for targeting elements using CSS or creating custom analytics measurements.
Yes, Dynamic Attributes can be used for a variety of purposes, depending on the needs of the user. Some examples include integrating with third-party services, creating custom meta tags, or improving accessibility by adding ARIA attributes.

THIS FEATURE IS PART OF :
Gloo logo - white

Dynamic HTML Attrributes Repeater

Fluid Dynamic By Gloo - title

Attributes are very useful. and in fact are built in to elementor. so what is the difference you ask ? our dynamic html attributes allow multiple and dynamic attributes to be shown.

First lets selct a simple title widget

Our Title !

Now lets add attributes to it - this is what we should get but its going to fetch the value dynamically

segment="fluid dynamic" and scope="extension"

we will use our "Taxonomy Terms" dynamic tag because it supports return of multiple values with the use of a empty space delimiter - which is the correct syntax for the HTML
Dynamic Attributes example with Dynamify
You can also decide what kind of charachters will be used :

Our Title ! (before)

				
					<div class="elementor-element elementor-element-c95312e elementor-widget elementor-widget-heading" data-id="c95312e" data-element_type="widget" data-widget_type="heading.default">
</div>
				
			

Our Title ! (after)

				
					<div class="elementor-element elementor-element-c95312e elementor-widget elementor-widget-heading" data-id="c95312e" data-element_type="widget" segment="Fluid Dynamic" scope="Extension" data-widget_type="heading.default">
</div>