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

Saved Templates Addon (Shortcode)

The ProductX WooCommerce Blocks Plugin features excellent Shortcode support to make your life easier. And all our shortcodes support page builders like Elementor, Divi, Beaver Builder, Visual Composer, etc.

Enabling Shortcodes

In order to enable shortcodes, you need to do the following:

  • Go to ProductX>Addons from your WordPress dashboard.
  • Enable the ‘Saved Templates’ addons [It should be enabled by default, if not make sure to enable it before using shortcode templates].
Enable 'Saved Templates' Addon
Enable ‘Saved Templates’ Addon

Once enabled, you’ll find the ‘Saved Templates’ option in the ProductX menu of your WordPress dashboard. From here, you can ‘Add New Template’. Once you save and ‘Publish‘ the template, the shortcode will appear automatically for you to use.

Here’s how it’s done:

  • Go to ‘Add New Template’ from the ProductX ‘Saved Templates’ settings.
  • Create your template
Saved Templates Menu
Saved Templates Menu
  • Once you’re done creating your template, hit ‘Publish’.
  • Now go back to the ‘Saved Templates’ page.
Creating a Template
Creating a Template

You will now see the shortcode appear under the ‘Shortcode’ section. You can copy this shortcode and paste it to a WordPress page/shop post.

Using the Shortcode

In order to use this shortcode:

  • Copy the shortcode from the ‘Saved Templates’ section of ProductX.
  • Now create a page by going to Pages>Add New or open an existing page.
Copying the Shortcode
Copying the Shortcode
  • Search for ‘Shortcode’ in the Gutenberg Editor.
  • Paste the shortcode.
Shortcode in the Gutenberg Editor
Shortcode in the Gutenberg Editor
  • Now publish the page/preview the page.
Paste the Shortcode
Paste the Shortcode

You will now see the template in the page. From now on, you can create a template and use the shortcode in any page you like.

Final Output
Final Output

Using Shortcodes with Elementor

You can also use this shortcode with the Elementor WordPress page builder as well. All you have to do is insert the ‘Shortcode’ element to a section and paste the shortcode. Once done, you can see the preview and publish the page.

Shortcodes in Elementor
Shortcodes in Elementor

***Settings may be different because of the WordPress version installation on different devices.

Was this article helpful to you? Yes No