Shortcode Wrapper
ShortcodeWrapper passes its child content through an enclosing shortcode. Use it when a registered shortcode is designed to wrap content rather than produce standalone output.
Add and configure ShortcodeWrapper
- Click Add, choose ShortcodeWrapper, and place it in the container.
- Set Content > Shortcode > Full Shortcode to the enclosing shortcode required by its provider.
- Place the content to be wrapped inside ShortcodeWrapper in Structure.
- Set the wrapper's Container, Typography, and Spacing controls.
- Save your changes.
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 children are missing from the result
Confirm that the shortcode supports enclosed content and that its provider returns that content as expected.
The shortcode only produces standalone output
Use Shortcode when the provider does not accept enclosed child content.