Shortcode
Shortcode renders the output of a WordPress shortcode registered by WordPress or an active plugin. Use it for an existing plugin feature that provides a shortcode.
Add and configure Shortcode
- Click Add, choose Shortcode, and place it in the container.
- Paste the complete shortcode into Content > Shortcode > Full Shortcode.
- Configure Design > Container, Typography, and Spacing for the output wrapper.
- Check the shortcode provider's own settings if its internal layout needs adjustment.
- Save your changes.
This element has no children; use its own controls.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Content > Shortcode
| Setting | Purpose and options | Behavior |
|---|---|---|
| Full Shortcode | Enter the full shortcode. | Shared |
Design > Container
| Setting | Purpose and options | Behavior |
|---|---|---|
| Width | Width. | Responsive |
| Height | Height. | Responsive |
| Background | Color or supported fill. | Shared |
| Padding | spacing controls. | See linked controls |
| Borders | borders controls. | See linked controls |
Design > Typography
| Setting | Purpose and options | Behavior |
|---|---|---|
| Typography | typography controls. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Spacing | spacing controls. | See linked controls |
Troubleshooting
The shortcode appears as plain text
Confirm the shortcode name is correct and its provider is active. Breakdance does not register a third-party shortcode merely because you paste it here.
Typography does not override the plugin output
The shortcode may generate its own styles or embedded content. Check the provider's styling options and the rendered markup.