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.

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.

Dependencies: Elementor
Play Video
THIS FEATURE IS PART OF :
Scope : Extension

Got A Question ?

We Are Here to Help

Dynamic HTML Attrributes Repeater

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
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>
				
			
More Modules
Woo Gloo
NEW
Fluid Dynamic
UPDATED
Power Gloo
Forms Extensions
Fluid Dynamic
NEW
Forms Extensions
Fluid Dynamic
UPDATED
Power Gloo
Forms Extensions
Forms Extensions
Interactor
Fluid Dynamic