1. Home
  2. Docs
  3. PostX
  4. Add-On
  5. Saved Templates Addon (Shortcode)

Saved Templates Addon (Shortcode)

If you want to use Gutenberg blocks in other plugins like Elementor, Divi, beaver, etc., you can use them with shortcodes. PostX lets you easily create shortcodes with the Saved Template addon.

Let us show you how to enable and use shortcodes in other page builders.

Video Tutorial

Here’s a video tutorial to use shortcodes for a better understanding.

How to Get Shortcodes with PostX Saved Template?

Here’s how to get shortcodes with PostX Saved Template.

Step 1: Enable Saved Template Addon

First, you need to enable the Saved Template addon to create shortcodes with PostX.

PostX New Addon Page

Go to the Addons section of PostX, where you will find the Saved Template addon. Click the toggle bar to enable this addon.

Step 2: Create Saved Templates

After enabling the Saved Template addon, you can create a saved template with PostX and get the Shortcode. Click the add new button to create templates using Post Blocks, or you can use the PostX template library to get premade templates and create beautiful templates.

New PostX Saved Template

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

Step 3: Get Shortcodes

Now, in the Saved Template section, you will see the Shortcode. You can “Copy” it by clicking on the code. And use the Shortcode in other page builders.

Copying Shortcode

How to Use the Dedicated PostX Template Widget for Elementor?

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

  • Create a template and save it to the saved templates library.
Template_Creation
Template Creation

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.
PostX Template Widget for Elementor
PostX Template Widget for Elementor
  • 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.

Updated_View
Updated View

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
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:

Using_PostX_Shortcodes_with_Beaver_Builder
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:

Easier Way to Use Gutenberg Blocks (Post Blocks) in Other Builders

PostX has added integration with Elementor, Divi, Oxygen, Beaver, and WPBakery Builder. You can check the Documentation to use it more easily.

Enjoy!

Was this article helpful to you? Yes 1 No 2