Saved Templates Addon (Shortcode)

The PostX Gutenberg blocks plugin comes with shortcode support.

Now you can convert your Gutenberg blocks into a shortcode. And able to put this shortcode inside your content or page developed using a page builder like Elementor, Divi, Beaver Builder, Visual Composer, etc.

How to Enable Shortcode?

Make sure that you are using “PostX” version 2.0.3 or higher.

Log in to your site
then go to Dashboard > Post Blocks > Addons > Saved Templates
Then enable this addon.

Now:

Go to ‘Post Blocks’ on your WordPress Dashboard.
Click ‘Addons’.
Enable ‘Saved templates’.

Create your Gutenberg blocks using this post type.

You will now see shortcodes being automatically generated for every page. Now you can use these shortcodes wherever you want.

Note: Make sure that, this post type only supports “Gutenberg Post Blocks” blocks perfectly. It will not support all the third-party blocks.

How to Use the Dedicated PostX Template Widget for Elementor?

You can also add the Saved Templates to any pages while editing with Elementor Builder. For that follow the below steps.

Create a template and save it to the saved templates library.

Adding Post Blocks

We’ve created several templates. For now, we’re showing the template we created with Post Grid #1. You can choose whichever design you like. Now, it’s time to add the template using Elementor to your WordPress website using the PostX Template Widget. To do this:

Go to your page [ You can add a new page or edit existing pages. We have created a page already!]

Editing_Page_with_Elementor — Editing Page with Elementor

Now select ‘Edit with Elementor’.

Once you’ve done that, you’ll be taken to the Elementor editor. Once there:

Add a New Section to your page.
Search for the PostX Template.

You’ll be prompted to select a template from the dropdown. Select from the templates you created.

Select_from_Saved_Templates — Select from Saved Templates

Once done, update the page. You will also be able to see a preview of how it all looks.

Once you’ve updated the page, you’ll be able to see the changes made. Make sure to update the page to get the proper preview.

*** Note: You have to turn on the Elementor Addon along with Save Template Addon in order to use the PostX Template Widget for Elementor.

Turn on Elementor and Save Template Addons

How to Use Shortcodes with Beaver Builder

You’ll be able to PostX Saved Templates with Beaver Builder as well. Again, You’ll have to Copy and Paste the Shortcode from the PostX Saved Templates Section. Here’s how to do it:

Go to Pages>All Pages>Select or Add a New Page You want to edit.
Launch Beaver Builder to edit the page.
From the top right corner Access the elements and modules section by clicking on the ‘+’ sign.

Launch_Beaver_Builder_to_Design_Page — Launch Beaver Builder to Design Page

Now Select the HTML Module.

Pasting_Shortcode_in_Beaver_Builder — Pasting Shortcode in Beaver Builder

Paste the Shortcode into the HTML Module.
Click on Save.

Once done, you’ll be able to see a preview of the page. Now to save the changes, move to the top right corner and click on ‘Done’. From here, you can save it as a draft, publish the page or cancel.

Here’s a quick look at using PostX Shortcodes with Beaver Builder:

How to Use Shortcode with Divi Builder

The Divi theme builder also supports PostX shortcodes. You can use them in the following manner:

Go to the page that you want to edit and click on ‘Edit with Divi’ [It’s like the previous steps we showed you].
Choose a row and search for the ‘code’ element.
Paste the shortcode from the PostX Saved Templates section.

Using Short codes with the Divi Theme — Using Shortcodes with the Divi Theme

Once you paste the shortcode, you will be able to see the format you just created in the Saved Templates.

To help you out with PostX, we have some useful video tutorials. Make sure to check them out:

Video Tutorials