How to Design Your Own MPG Template Page using Gutenberg or Elementor?

The following steps can be used to design the template page that will be used in the MPG project so that the pages will look similar. The MPG project can be created using page generation from scratch or using a template. 

📝 Note: There’s no need to use another plugin that allows you to specify canonical links or permalinks, like the Yoast plugin. MPG will create permalinks for your pages.

Once the design of your template is complete, scroll up to the top for the next settings tabs: Shortcode, Sitemap, and Spintax. 

🔍 Finding the Shortcodes

1

Click on the ‘ Shortcode’ tab to update your newly created template with shortcodes from your source file. 

2

Copy the available shortcodes from that area into the page template, placing them as you wish.

3

Replace any  static data from the page you want to use as a template with suitable MPG shortcodes. 

4

After the page template is ready, make sure you use it under the MPG settings:

🧰 Using the Shortcodes

Under the Get shortcode for generated pages, you will find the headers of the source file listed, along with their corresponding shortcode.

The typical format of an MPG shortcode is {{ mpg_COLUMN-NAME }}. You can also copy the generated shortcodes from the Template tab ( from the URL generation ), then switch to the ‘Shortcode’ tab.

MPG allows you to insert lists from the Generate list tab and set conditions regarding the headers to control their visibility. Make sure you set a condition by choosing it from the dropdown list, then make the desired configuration ( set limits, display order, control uniqueness ). In the end, you can also add other shortcodes, then just copy the code from the sandbox and place it on the page.

You can use MPG shortcodes to insert text and generate links, images, maps, code, videos, quotes, etc. There is no limitation to elements that can be added to a generated page as long as the path is specified in the data source file.  

💡 Examples

MPG is compatible with both Gutenberg and Elementor page builders, which means that the page template that will be used to generate pages can be designed in any of the page builders by using the available shortcodes.

Creating a Page Template in Gutenberg

As you can see in the screenshot below, the default editor opens as a regular page, where you can assemble the desired appearance of the bulk pages using the available blocks.

Creating a Page Template in Elementor

To build a page template in Elementor, just add a new page using the page builder and use MPG tags to populate the page with dynamic content. 

• how it looks in the editor

• how it looks on the frontend

You can go back to your MPG template and see what the generated pages look like by clicking on the URL preview.

Feel free to Contact us if you’re having any issues.

🎥 Video - How to Generate MPG Pages from Elementor Template?