Would you like your modal popup to show a fully designed layout instead of plain text? Botiga Pro lets you build a custom template with the Templates Builder and display it inside your modal popup using a Custom Content Block.
In this guide, we’ll walk you through how to use a custom template inside a modal popup in Botiga.
Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. The Templates Builder and Modal Popup are Botiga Pro features, so this requires Botiga Pro.
1. Go to Botiga » Theme Dashboard and activate the Templates Builder module.
2. Once the module is active, click on Build Templates.
3. Click on Add Template.
4. Name your template.
5. Click on Create New and select your preferred builder.
The Templates Builder works with either the WordPress Block Editor (Gutenberg) or the Elementor page builder.
6. If you’re using the Block Editor, click the plus icon and search for the Botiga Templates Builder components to insert on the page. If you’re using Elementor, skip this step and move on to the next one.
7. If you’re using Elementor, you’ll find the Botiga widgets under Botiga WooCommerce in the left sidebar. If you’re using the Block Editor, skip this step and follow step 6 instead.
8. Once you’re done, save or publish your changes.
9. Go to the Modal Popup options at Appearance » Customize » Modal Popup, set the Content Type to Custom Content Block, and select your template in the Content Block dropdown.
Frequently asked questions
Below, we’ve answered some of the most common questions about using a custom template inside a modal popup in Botiga.
Where do I control when the popup appears?
The display delay, pages, and cookie settings live in the Modal Popup options in the Customizer. The custom template only controls what shows inside the popup.
My template isn’t listed in the Content Block dropdown. What’s wrong?
Confirm you saved the template in the Templates Builder and that the Templates Builder module is active. Only saved templates appear in the dropdown.
That’s it! You’ve successfully added a custom template inside a Botiga modal popup.
Next, would you like to fine-tune how the popup behaves? Check out our guide on the Botiga modal popup, or read the Botiga Templates Builder overview to learn more.
