Media and Image Dynamic Tags in Sky Addons for Elementor
Elementor dynamic image tags fill an image control from your content instead of a file you picked by hand, so one layout shows a different picture on every post, term or user it renders. Sky Addons ships seven of them — featured images, author avatars, custom field images, archive images, the site logo, the site icon and user avatars — plus an Attachment URL tag for linking to a file rather than displaying it. Every image tag accepts a fallback, which is what keeps a card grid tidy when an author forgets a featured image. This documentation covers each tag, how an image control differs from a text control, and how size choices affect what visitors download.
Features:
- Seven Image Tags: Featured image, author avatar, custom field image, archive meta image, site logo, site icon and user avatar.
- Fallback on Every Tag: Choose a replacement image from the media library for records that have none.
- Current Context by Default: Leave the pickers blank and each tag reads the post, term or user being rendered.
- Attachment URL Tag: Link to any library file, with an image size option that applies to images only.
- Avatar Options: Pull an avatar from Gravatar at a size you choose, or from a user meta field.
The Image Tags
These seven tags appear on image controls only. They sit in several different groups in the tag picker, because a tag is grouped by what it reads rather than by what it produces.
| Tag | Group | What it outputs | Key settings |
|---|---|---|---|
| Featured Image | Post | The post’s featured image. | Post Type; Search & Select Post; Fallback |
| Post Author Avatar | Post | The avatar of the post’s author. | Fallback |
| Custom Field | Post | An image stored in a post meta field, as an attachment ID or a URL. | Post Type; Search & Select Post; Meta Key; Custom Key; Fallback |
| Archive Meta Image | Archive | An image stored in term meta on a taxonomy archive, or user meta on an author archive. | Meta Key; Fallback |
| Site Logo | Site | The logo set in the Customizer. | Fallback |
| Site Icon | Site | The site icon set under Settings → General. | Fallback |
| User Avatar | User | A user’s avatar, from Gravatar or from a meta field. | Avatar Source; Meta Key; User; Gravatar Size; Fallback |
- Custom Field names the field in one of two ways. The Meta Key dropdown lists the keys found on your posts, but hides any key beginning with an underscore, since WordPress treats those as protected; for those, type the key into Custom Key instead. The stored value can be an attachment ID or a full image URL.
- Archive Meta Image takes a single Meta Key and reads it from whichever archive is being viewed: term meta on a taxonomy archive, user meta on an author archive. It understands an attachment ID, an image URL, or the array shape custom field plugins commonly store, and it belongs in an Archive template.
- User Avatar has an Avatar Source switch. Gravatar looks the avatar up from the user’s email and accepts a Gravatar Size from 1 to 2048, defaulting to 96. User Meta reads an attachment ID or URL from the meta key you name. Leave User empty for the current user.
- Post Author Avatar has one quirk: its fallback only applies when the post has no author at all. WordPress always returns something for a real user, including its own default avatar, so the fallback cannot stand in for an avatar that is simply not set. Change that image under Settings → Discussion → Default Avatar.
Attachment URL
Attachment URL sits in the Sky Addons – Media group and fills link controls rather than image ones. Use it to point at a file: a PDF download button, a link to a full-resolution photograph, a video opened in a lightbox.
- Attachment is a search field for the media library. Pick the file you want to link to.
- Image Size appears once a file is chosen, and its help text says it applies to images only. For an image, the tag returns the address of that registered size. For a PDF, audio, video or anything else it returns the file’s own URL and ignores the setting, because non-image files have no generated sizes.
- Fallback sits in the tag’s Advanced panel, as it does for all URL-type tags.
How Elementor Dynamic Image Tags Differ from Text Tags
A text control swallows its tag whole: the tag prints a string and the control shows it. An image control works differently, whichever way you insert the tag.
- The widget keeps its own settings. Binding a tag replaces the chosen file, not the widget. The image size, alignment, caption, link and style controls all still apply, to whatever the tag supplies.
- The Advanced panel is shorter. Text tags carry Word Limit, Before, After and Fallback. Image tags carry Fallback only, as a media picker rather than a text field, because there is nothing to trim or prefix on a picture.
- The tag hands over an attachment, not just an address. Where the image is a real library item, the widget receives its record and can request a registered size. Where the value is a bare URL saved in a custom field, there is no library record behind it, so the file is served exactly as uploaded.
- The editor may look emptier than the front end. Tags needing a post, term or user in context have nothing to read while you edit. Preview against real content rather than judging by the canvas.
Choosing an Image Size
Image size is the biggest lever you have over page weight in a dynamic layout, and it is easy to get wrong: a template that looks fine with one hand-picked image can quietly serve full-resolution originals across a hundred posts.
- Match the size to the slot, not the source. A three-column card grid rarely needs more than a medium size. Full is for hero areas, not thumbnails.
- Remember it multiplies. One oversized image on a single post costs a little; the same choice in a loop of twelve cards costs twelve times as much.
- Registered sizes only exist for library images. A custom field storing a plain URL gets no size options, which is why storing attachment IDs is worth the effort.
- Size your fallback like a real image. A 3000-pixel placeholder repeated across every post without a featured image is the worst of both worlds.
- Keep lazy loading in mind. Images below the fold benefit from it; a hero image at the top of the page does not. Check the widget’s lazy load setting on templates that render everywhere.
Fallbacks and Alt Text
- Set a fallback on every image tag used in a loop. Posts without featured images are normal, and an empty frame breaks a grid far more visibly than a neutral placeholder does. Pick something that reads as deliberate: a brand mark, a soft pattern, a coloured block.
- Alt text lives on the image, not on the tag. Alternative text belongs to the media library record, so fill it in when you upload and every template inherits it. That includes the fallback image: give it alt text that works as a stand-in rather than describing a picture nobody is seeing.
Example: A Post Card That Falls Back Gracefully
This example builds one card that repeats across a blog listing and never shows a hole, whatever state the post is in.
- Prepare the placeholder. Export a plain image at roughly the card’s display size, upload it, and give it alt text such as “Article placeholder”.
- Build the card. In a loop or archive template, add an Image widget above a Heading widget inside one container.
- Bind the image. Click the database icon on the Image widget’s image control and choose Featured Image under Sky Addons – Post, leaving Post Type on Current. In the tag’s settings, pick your placeholder as the Fallback, then set the widget’s own image size to something that suits a card rather than Full.
- Bind the title. Point the Heading’s Title control at Post Title, one of the Post Dynamic Tags.
- Add the author. For a byline, add a small Image widget bound to Post Author Avatar, and set the site-wide default under Settings → Discussion, since the tag’s fallback only covers posts with no author.
- Test against three posts: one with a featured image, one without, and one by an author with no Gravatar. All three should produce a complete card.
Full Settings Reference
Use this table when you know the tag but not the setting. It lists every option each tag in this group exposes, the exact wording you will see in the panel, the value it starts on, and the setting that has to be chosen before a dependent option appears. The Used on column says which kind of Elementor control the tag can be dropped onto. Alongside the settings below, the tags in this group offer a Post Type selector and a Search & Select Post field, so a tag can be pinned to one specific post instead of following the page; a Fallback field on the URL, image and gallery tags.
| Tag | Used on | Setting | Options | Default | Shown when |
|---|---|---|---|---|---|
| Archive Meta Image | Image | Meta Key | Free text | — | — |
| Fallback | Image | — | — | ||
| Author Avatar | Image | Fallback | Image | — | — |
| Custom Field | Image | Meta Key | List built from your site | — | — |
| Custom Key | Free text | — | Meta Key is empty | ||
| Fallback | Image | — | — | ||
| Featured Image | Image | Fallback | Image | — | — |
| Site Icon | Image | Fallback | Image | — | — |
| Site Logo | Image | Fallback | Image | — | — |
| User Avatar | Image | Avatar Source | Gravatar · User Meta | Gravatar | — |
| Meta Key | Free text | — | Avatar Source is User Meta | ||
| User | List built from your site | — | — | ||
| Gravatar Size | Number | — | Avatar Source is Gravatar | ||
| Fallback | Image | — | — | ||
| Attachment URL | URL | Attachment | Search field | — | — |
| Image Size | List built from your site | full | Attachment has a value |
Best Practices
- Store attachment IDs in custom fields, not URLs. IDs keep registered sizes and alt text available; a bare URL gives up both.
- Give every looped image a fallback. One click removes a whole class of broken-looking pages.
- Use Attachment URL for downloads, not display. It returns an address, so it belongs on a button or a link.
- Constrain the aspect ratio. Dynamic images arrive in whatever shape the author uploaded, so let the widget or container crop them into a consistent card.
- Preview on a slow connection. The cost of an oversized dynamic image only shows away from a local machine.
Troubleshooting
- The image control does not offer the tag I want. Only image-type tags appear there; Attachment URL is a link tag and shows on link fields instead.
- My custom field image will not show. Check the meta key. Underscore-prefixed keys are hidden from the dropdown and must be typed into Custom Key, and the stored value has to be an attachment ID or a valid image URL.
- The author avatar fallback never appears. Expected: WordPress always returns an avatar for a real user, so the fallback only applies to a post with no author. Change the default under Settings → Discussion.
- Attachment URL ignores my image size. The selected file is not an image. PDFs, audio and video have no generated sizes, so the tag returns the file’s own URL.
Frequently Asked Questions
Do I need Elementor Pro to use dynamic image tags?
No. These Elementor dynamic image tags come from Sky Addons and work with the free Elementor plugin. You do need somewhere with a post, term or user in context, such as a Theme Builder template or a loop.
What happens if a post has no featured image?
The tag returns the fallback image chosen in its settings. With no fallback set, the control has nothing to render and the layout is left with a gap.
Where do I set the alt text for a dynamic image?
In the media library, on the image itself. The tag has no alt field because alternative text belongs to the attachment, so every layout showing that image picks it up. Give your fallback image sensible alt text too.
How do I show a product image instead of a post image?
Use the WooCommerce image tags, which cover the product’s featured image, a chosen gallery image and a category or brand image. They are documented in WooCommerce Dynamic Tags.
Conclusion
Elementor dynamic image tags let one layout serve every post, term and user on your site, and the details that make them dependable are small: match the tag to the source, set a fallback, choose a size that suits the slot, and keep alt text on the attachment. For the wider picture, see the Dynamic Content overview and Term and User Dynamic Tags. If an image still will not appear, our team is happy to help at https://wowdevs.com/support/.
