Working with Slots
A practical guide to finding, editing, and binding slots, plus tips for widgets with many slots.
This is the practical companion to Slots, finding them, editing each type, binding them to dynamic data, and working efficiently when a widget has a lot of them.
Finding Your Slots
- Click any Composer widget in the Elementor editor.
- Click the Content tab in the left panel.
- Your slots appear under three sections: Text, Links, and Media.
How many you see depends on the design, a simple hero section might have 5 to 8 slots, a large pricing section with multiple tiers might have 40 or more.
Identifying Which Slot Is Which
If the labels aren't obvious, click into a field, the corresponding element highlights on the canvas. The current value shown in the field also usually gives it away.
To go the other direction, click an element on the canvas (hold Ctrl or Cmd to select inside the widget) and the matching slot highlights in the Content tab.
Editing Each Slot Type
- Text, click into the field and type. The canvas updates live, no save step needed to preview.
- Links, set Link Text, URL, Open in new tab, and
nofollowfor each anchor. A custom-attributes field ("ATTRS") lets you add arbitrarykey|valuepairs to the link too. Links can also be attached to a whole non-anchor element, like turning an entire card<div>into a click target, not just individual<a>tags. - Media, click an image or SVG picker to open the WordPress media library, or edit alt text below the thumbnail. SVG slots support either inline SVG code or an SVG-by-URL picker. Background images (from CSS
background-image) appear here too.
See Slots for the full field reference.
Binding to Dynamic Data
Every slot has a dynamic data icon on its right edge, click it to open Elementor's dynamic data picker. Common bindings:
| Slot type | Common dynamic data sources |
|---|---|
| Text | Post title, post excerpt, author name, ACF text field, user display name |
| URL | Post permalink, ACF URL field, term archive URL |
| Image | Post featured image, author avatar, ACF image field, WooCommerce product image |
When a Composer widget with bound slots is used in a Theme Builder template (a single post template, for example), every bound slot automatically shows the data for the post currently being viewed, one widget design serves every post.
Tips for Widgets with Many Slots
- 30+ slots make the Content tab long. Collapse the Text, Links, or Media sections you're not currently editing.
- Can't find the slot for something you see on the canvas? Click the element first, then check which field highlights in the Content tab.
- A slot you expected doesn't appear. The element may use a technique the extractor doesn't recognize, CSS-generated content via
::before/::after, or text rendered by JavaScript after load. These need Developer Mode to edit.
What Slots Can't Change
Slots update content values. They can't add or remove elements, change an element's type (turning a <p> into an <h2>), or change layout or structural properties. For that, use Developer Mode or Chat AI.
Use Cases
- Populating a freshly converted design with real content, field by field, right after a Figma or AI conversion lands.
- Turning one widget into a dynamic template, bind its slots so a single Composer design serves every post in a Theme Builder template.
- Navigating a widget with many slots, click an element on the canvas to jump straight to its matching field in the Content tab.