Wrap Elements in Shortcodes

Wrap any Section, Row, Column, or Module inside a shortcode. (Works great with plugins like Custom Content Shortcode and Shortcodes Ultimate).

Add the first part of an enclosing shortcode to the element’s CSS Classes box.

Example: if the shortcode is:

[my_shortcode option=yes]content[/my_shortcode]

you would put the first part in the Element’s Settings > Advanced tab > CSS ID & Classes > CSS Class like it’s a class.

Make sure you include the brackets [].

Any Section, Row, Column, or Module

Examples

These examples are using the free Shortcodes Ultimate plugin

[su_spoiler title="Watch the Video" style="sharp"]

[/su_spoiler][su_lightbox type="iframe" src="https://www.youtube.com/watch?v=ScMzIvxBSi4" mobile="yes"]

This CTA Module has the shortcode (from the Shortcodes Ultimate plugin):

[su_lightbox type=”iframe” src=”https://www.youtube.com/watch?v=ScMzIvxBSi4″ mobile=”yes”]

[/su_lightbox]

[su_tooltip style="yellow" position="top" title="Tooltip title" content="This is the tooltip content"]

[/su_tooltip][su_scheduler time="0:00-11:59" days_week="0-6" days_month="1-31" months="1-12" years="2020-2050"]

This box is shown everyday in the AM

[su_scheduler time=”0:00-11:59″ days_week=”0-6″ days_month=”1-31″ months=”1-12″ years=”2020-2050″]

[/su_scheduler][su_scheduler time="12:00-23:59:59" days_week="0-6" days_month="1-31" months="1-12" years="2020-2050"]

This box is shown everyday in the PM

[su_scheduler time=”12:00-23:59:59″ days_week=”0-6″ days_month=”1-31″ months=”1-12″ years=”2020-2050″]

[/su_scheduler]