How to Insert a Dynamic Tag on Any Elementor Control
To insert a dynamic tag in Elementor you never leave the widget you are editing: hover a control, click a small icon, pick a value from a grouped list. Sky Addons registers 77 free dynamic tags directly into that native picker, so there is no separate interface and nothing new to learn beyond what Elementor already does. This page covers the mechanic end to end: which controls accept a dynamic value, how the dropdown is organised, how to open a tag’s settings, what the wrench icon adds, and how to go back to a static value. Two worked examples take a Heading and a Button from static to dynamic.
Features:
- One Click from Any Control: The dynamic icon sits on the control itself, two clicks from a live value.
- Grouped Dropdown: Tags are listed under headings like Sky Addons – Post and Sky Addons – Site instead of one flat list.
- Only Compatible Tags Are Offered: A URL control lists URL tags, an image control lists image tags, so you cannot pick something that will not render.
- Per-Tag Settings: Each tag opens its own small panel of options, such as date format, taxonomy or price type.
- Advanced Panel: The wrench icon adds Word Limit, Before, After and Fallback to text tags, and Fallback to the rest.
- Fully Reversible: Remove the tag and the control goes straight back to the static value you had before.
Requirements
- Elementor and Sky Addons, both installed and active.
- A widget with at least one control that accepts a dynamic value.
- Content to bind to. A template previewing a real post or product is far easier to judge than an empty draft.
Which Controls Accept a Dynamic Value
Not every field in the Elementor panel can be made dynamic. A control has to declare that it supports dynamic values, and which categories of value it accepts. That declaration is what puts the dynamic icon on the control, and it comes from the widget, not from Sky Addons.
In practice the fields you will use most are text fields such as a Heading’s Title, link fields such as a Button’s Link, and image choosers such as the Image widget’s picture. Padding, colour swatches, alignment buttons and most style-tab sliders do not take dynamic tags at all.
The category decides which tags you are offered: a tag only appears if the kind of value it produces matches what the control can take. That is why Post URL never shows up on a Heading’s Title, and Featured Image never shows up on a text field.
| Category | Example controls | Example Sky Addons tags |
|---|---|---|
| Text | Heading Title, Info Box description, list item text, the HTML widget’s code field | Post Title, Post Excerpt, Post Date, Site Title, Term Title, Search Query, Product SKU |
| URL | Button Link, image Link, icon Link, wrapper link fields | Post URL, Post Terms URL, Site URL, User URL, Login/Logout URL, Product URL, Attachment URL |
| Image / Media | Image widget picture, media choosers, image fields inside repeaters | Featured Image, Site Logo, Site Icon, User Avatar, Product Featured Image, ACF Image |
| Gallery | Gallery-style image list controls | ACF Gallery |
| Number | Numeric controls that declare dynamic support | Post ID, Term ID |
| Post Meta | Text controls that also accept meta values | Custom Field, Shortcode, ACF Text |
| Date & Time | Date-time controls, such as a countdown target | ACF Date Time |
One placement note: the Post Content tag returns a full article body, so it belongs on a control that prints unescaped markup, such as the HTML widget’s code field. On a Heading or description field it still renders, but wrapped in that widget’s own element.
How to Insert a Dynamic Tag in Elementor, Step by Step
- Open the page or template in Elementor and select the widget you want to make dynamic.
- Hover the control. A small dynamic icon appears at the right of its label row. No icon means the control does not accept dynamic values.
- Click the icon. The dropdown opens with tags sorted under group headings, the Sky Addons ones prefixed Sky Addons –, such as Sky Addons – Post.
- Choose a tag. The control’s input is replaced by a chip showing the tag’s name, and the preview updates.
- Click the chip to open that tag’s settings. Most Sky Addons tags expect this panel to be opened once, even when the defaults are already right.
- Set the tag’s options — the format, taxonomy, data type or source that this particular tag exposes.
- Open the wrench icon for the Advanced options, then close the panel and update.
The Tag’s Own Settings
Every tag opens a small panel of its own, with fields specific to that tag. Post Date offers a date type and a format; Post Terms offers a taxonomy, separator, link switch, limit and offset; Product Price offers regular, sale, both or a discount. Nothing is shared, so open the panel even for a tag whose name looks self-explanatory.
Most Post-group tags begin with a Post Type choice of Current or Selected. Current reads whatever post is being rendered, which is what you want inside a template or loop. Selected reveals a Search & Select Post field that searches as you type, so you can pin the tag to one record. Term, user and product tags do the same with their own Search & Select fields, and leaving those blank keeps the tag on the current one.
The Wrench Icon: Word Limit, Before, After and Fallback
Inside the tag settings panel is a wrench icon that opens the Advanced section, where you shape the value after it has been fetched. What you get depends on the kind of value the tag returns.
- Word Limit: Trims the output to this many words and adds an ellipsis. The default is 0, meaning no trimming. Useful for excerpts and long custom fields that have to fit a card.
- Before: Text printed immediately in front of the value, and only when there is a value. This is where labels like “Published on” or “SKU:” belong.
- After: The same on the other side, for suffixes such as “min read”.
- Fallback: What to print when the value comes back empty. On image tags this field is a media picker, so the fallback is a real placeholder image.
All four appear on text tags. Tags returning a URL, image, gallery or date-time value show Fallback only, because word-trimming a link would not mean anything. If you switch from Post Title to Post URL and the panel drops from four fields to one, that is expected rather than a fault.
The habit worth forming is putting labels in Before and After rather than a neighbouring widget. A separate “Published on” text widget stays visible on the one post with no date; a Before value vanishes with it.
Removing a Dynamic Tag
Binding a control is not permanent. Open the same dynamic control again and remove the tag, and the field returns to an ordinary input holding whatever you had typed before, with the widget’s styling untouched.
Example: A Heading Bound to Post Title with a Before Value
You are building a Single Post template for a case study post type, and want every headline to read “Case study: ” followed by the real title, without typing that prefix hundreds of times.
- Drop a Heading widget into the template and set the preview to a real case study.
- Hover the Title control and click the dynamic icon.
- Choose Post Title under Sky Addons – Post. The preview immediately shows the real headline.
- Click the tag chip and leave Post Type on Current, so the tag follows whichever post is rendering.
- Open the wrench icon and type
Case study:into Before. - Set Word Limit to 10 if titles occasionally run long and the heading has to stay on two lines.
The result: every case study renders “Case study: Rebuilding a 40-year-old catalogue”, the prefix from the template and the rest from the post. Change the prefix once and all of them change, and a blank title leaves no stranded prefix.
Example: A Button URL Bound to Post URL with a Fallback
The same idea on a link. A blog card in a loop grid has a “Read the story” button that should point at whichever post the card is showing.
- Select the Button widget inside the repeated card and find its Link control.
- Click the dynamic icon on that control. Because this is a URL control, only URL-producing tags are listed.
- Choose Post URL under Sky Addons – Post.
- Open the tag settings, then the wrench icon. Post URL returns a link, so Advanced holds a single Fallback field.
- Enter your blog index address as the fallback, so a card that resolves to no post still sends visitors somewhere sensible.
The result: every button links to its own card’s post, and the button text stays exactly as written because only the Link control was made dynamic. Pair this with the Query Builder to decide which posts the grid loops over.
Best Practices
- Open the settings panel even when the defaults look right. Most tags expect to be confirmed once before they count as configured.
- Bind only the control that needs it. A button’s Link can be dynamic while its text stays static.
- Keep Post Type on Current inside loops. Pinning a tag with Search & Select is what makes every card show the same thing.
- Set a fallback before you publish, not after a visitor finds the one post missing an excerpt.
- Preview with your longest real title. Word Limit exists for exactly this, and is easier to set now than to retrofit.
Troubleshooting
- No dynamic icon on the control. That control does not declare dynamic support. Look for a neighbouring field that does, or a widget whose equivalent control accepts one.
- The tag I want is not listed. The control and the tag are different categories: image tags only appear on image controls, URL tags only on link controls.
- The tag is selected but nothing renders. Open and confirm its settings once, then check the value actually exists for the record being previewed.
- The Advanced panel lost three fields. You swapped a text tag for a URL, image, gallery or date-time tag, and those offer Fallback only. See Dynamic Content in Elementor with Sky Addons.
Frequently Asked Questions
Which Elementor controls support dynamic tags?
Text fields, link fields, image and media choosers, and some numeric and date-time fields. Style controls such as padding, alignment and colour swatches generally do not. If a control shows the dynamic icon on hover, it is supported.
Can I put two dynamic tags in the same control?
No. A dynamic tag replaces the control’s value, so each control carries one tag. To combine values, use the Before and After fields, or place two widgets side by side and bind each separately.
How do I remove a dynamic tag from a control?
Open the same dynamic control and clear the tag. The field turns back into a normal input holding the static value you had before, and the styling is untouched.
Why do I have to open a tag’s settings when the defaults are fine?
Most Sky Addons tags mark their settings as required, so Elementor waits for you to open and confirm the panel once before treating the tag as configured. After that it behaves normally.
What is the difference between the tag settings and the wrench icon?
The tag settings decide where the value comes from and what shape it takes: which date, which taxonomy, which post. The wrench icon opens Advanced, which shapes the value afterwards with Word Limit, Before, After and Fallback.
Conclusion
Learning to insert a dynamic tag in Elementor takes about a minute, and it is the same minute for all 77 tags Sky Addons provides: hover, click, choose, configure. The interesting question then becomes which tag to reach for, and the Post dynamic tags reference is the best place to start. If something is not behaving as you expect, our team is available at https://wowdevs.com/support/.