Get a BONUS package this holiday season - ask me how!

How to use our Shortcodes

How to add toggles and accordions to your site

The toggle shortcode and the accordion shortcode allows you to add a series of content to sections with headers. By adding content into collapsible sections, you can save a lot of space on a page or post. These are great for FAQs.

Toggle Example

Collapsed Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et quam ut nisl viverra luctus et vel mi. Curabitur faucibus vehicula velit. Fusce lacinia, nisl vitae tempor porttitor, massa lacus iaculis ante, eu cursus urna enim ullamcorper neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Collapsed Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et quam ut nisl viverra luctus et vel mi. Curabitur faucibus vehicula velit. Fusce lacinia, nisl vitae tempor porttitor, massa lacus iaculis ante, eu cursus urna enim ullamcorper neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Collapsed Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et quam ut nisl viverra luctus et vel mi. Curabitur faucibus vehicula velit. Fusce lacinia, nisl vitae tempor porttitor, massa lacus iaculis ante, eu cursus urna enim ullamcorper neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Collapsed Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et quam ut nisl viverra luctus et vel mi. Curabitur faucibus vehicula velit. Fusce lacinia, nisl vitae tempor porttitor, massa lacus iaculis ante, eu cursus urna enim ullamcorper neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Collapsed Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et quam ut nisl viverra luctus et vel mi. Curabitur faucibus vehicula velit. Fusce lacinia, nisl vitae tempor porttitor, massa lacus iaculis ante, eu cursus urna enim ullamcorper neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Accordion Example

Collapsed Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et quam ut nisl viverra luctus et vel mi. Curabitur faucibus vehicula velit. Fusce lacinia, nisl vitae tempor porttitor, massa lacus iaculis ante, eu cursus urna enim ullamcorper neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Collapsed Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et quam ut nisl viverra luctus et vel mi. Curabitur faucibus vehicula velit. Fusce lacinia, nisl vitae tempor porttitor, massa lacus iaculis ante, eu cursus urna enim ullamcorper neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Collapsed Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et quam ut nisl viverra luctus et vel mi. Curabitur faucibus vehicula velit. Fusce lacinia, nisl vitae tempor porttitor, massa lacus iaculis ante, eu cursus urna enim ullamcorper neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Collapsed Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et quam ut nisl viverra luctus et vel mi. Curabitur faucibus vehicula velit. Fusce lacinia, nisl vitae tempor porttitor, massa lacus iaculis ante, eu cursus urna enim ullamcorper neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Collapsed Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et quam ut nisl viverra luctus et vel mi. Curabitur faucibus vehicula velit. Fusce lacinia, nisl vitae tempor porttitor, massa lacus iaculis ante, eu cursus urna enim ullamcorper neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

How to add a toggle

To add a toggle or accordion to your page or post, click on INSERT SHORTCODE, choose toggle and then fill in the title and text, repeat as many times as required, and then click on INSERT.

toggle and accordion