Series Engine Tutorials

Using Series Engine with Page Builders

Series Engine's powerful shortcodes are easy to use with both vanilla WordPress, and a variety of popular "page builder" tools. Here's how to get started...

Using Shortcodes with Your Page Builder

It's easy to use Series Engine's powerful shortcodes, even inside of a drag-and-drop page builder interface. To get started, use Series Engine's super simple shortcode generator to get the shortcode you want to use on a given page.

Next, find a module in your page builder that allows you to edit text in the body of your page, and paste the Series Engine shortcode into the textarea field along with any other content you want to appear before and after it. Save your changes in your page builder, and you should be good to go.

Please note: Depending on the tool you're using, Series Engine content may not display in the page preview correctly. Also, Series Engine's media browser is designed for full-width page columns; if you want to embed Series Engine in a narrow page column, you may want to adjust Series Engine's responsive breakpoints to have the condensed mobile styles kick in sooner.

Using Series Engine with Beaver Builder

As of v2.5.5, Series Engine now includes native integration with the Beaver Builder platform through a powerful custom module.

This drag-and-drop module allows you to skip shortcodes entirely and embed Series Engine content directly in the Beaver Builder interface with just a few simple clicks.

To add a Series Engine module to your page, click the plus button in Beaver Builder's page builder, drag an instance of Series Engine onto your page from the Media section, and customize the options as you see fit. Save your changes at the top of the page, and your new Series Engine content is ready to use!

For best results, embed only one instance of Series Engine per page.

Using Beaver Builder with Series Engine

Using Series Engine with Divi Builder

As of v2.6.1, Series Engine now includes native integration with the Divi Builder platform through a powerful custom module.

This drag-and-drop module allows you to skip shortcodes entirely and embed Series Engine content directly in the Divi Builder interface with the Divi Theme (or any other theme that use Divi Builder) with just a few simple clicks.

To add a Series Engine module to your page, click the "Add Module" button in the Divi Builder interface, drag an instance of Series Engine onto your page from the "Insert Module" modal, and customize the options as you see fit. Save your changes at the bottom of the modal, and your new Series Engine content is ready to use!

The Series Engine module is only available in Divi 3.1 or later. For best results, embed only one instance of Series Engine per page. You can still use Series Engine's powerful shortcodes if you wish, but you might find the Series Engine module to be a faster way to embed your content with Divi.

Using Divi Builder with Series Engine

Using Series Engine with the Divi Theme's Visual Builder

As of v2.6.1, Series Engine now includes native integration with the Divi Theme's Visual Builder platform through a powerful custom module.

This drag-and-drop module allows you to skip shortcodes entirely and embed Series Engine content directly in the Visual Builder interface with just a few simple clicks.

To add a Series Engine module to your page, click the plus button in the Visual Builder interface, drag an instance of Series Engine onto your page from the "Insert Module" modal, and customize the options as you see fit. Save your changes at the bottom of the modal, and your new Series Engine content is ready to use!

When you're editing with Visual Builder, Series Engine will display a content placeholder until you save your changes. You will see your full Series Engine embed when you view the live page on your site.

The Series Engine module is only available in Divi 3.1 or later. For best results, embed only one instance of Series Engine per page. You can still use Series Engine's powerful shortcodes if you wish, but you might find the Series Engine module to be a faster way to embed your content with Divi.

Using Divi Visual Builder with Series Engine