Go to athemes.com

Pro Modal Popup

Would you like to greet visitors with an offer, announcement, or signup prompt? The Modal Popup in Botiga Pro lets you show a customizable popup with your own content, layout, and display rules.

In this guide, we’ll walk you through how to set up and configure the 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 Modal Popup is a Botiga Pro feature, so this requires Botiga Pro.

Note: the Modal Popup uses cookies. Some jurisdictions require you to inform visitors about the cookies on your website. If that applies to you, add a mention to your cookie policy when you use the Modal Popup.

How to set up the Modal Popup

This feature is a module within Botiga Pro, so first enable it from Appearance » Theme Dashboard » Theme Features.

Enabling the Modal Popup module in the Botiga Theme Features

Once enabled, find the Modal Popup options at Appearance » Customize » Modal Popup.

The Modal Popup options in the Botiga Customizer
Additional Modal Popup settings in the Botiga Customizer

The available options are:

  1. Enable Modal Popup: Turn the modal popup on or off.
  2. Display Modal Delay (Seconds): The delay, in seconds after the page loads, before the popup appears.
  3. Layout: Choose between three layouts: left side image, right side image, or no image.
  4. Popup Max Width (px): Control the width of the popup.
  5. Side Image: The image shown when Layout is set to use a side image.
  6. Side Image Max Width (%): Control the width of the side image inside the popup.
  7. Content: The content shown inside the popup. HTML and shortcodes are allowed. To insert HTML, switch from Visual to Text mode.
  8. Enable Cookie: Set a cookie so the popup stays closed after the visitor clicks the X button, instead of showing on every visit.
  9. Cookie Name: The name of the cookie stored in the browser.
  10. Cookie Expiration Time (Days): How many days the popup stays hidden. Once this period passes, the popup shows again.
  11. Display Settings: Control where and how the popup appears.

Display Settings options:

The Display Settings options for the Botiga Modal Popup
  1. Show In: Three options, namely all pages, specific post types, or specific page and post IDs.
  2. Post Types or Page/Post IDs: If you chose specific post types, enter comma-separated post type slugs. If you chose specific page or post IDs, enter comma-separated IDs.
  3. Show On Search Page: Display the popup on the search results page.
  4. Show On 404 Page: Display the popup on the 404 page.

Frequently asked questions

Below, we’ve answered some of the most common questions about the Botiga Modal Popup.

How do I stop the popup from showing on every visit?

Turn on Enable Cookie and set a Cookie Expiration Time. After a visitor closes the popup, it stays hidden for the number of days you set.

Can I add a designed layout instead of plain text?

Yes. You can build a template with the Templates Builder and display it inside the popup as a Custom Content Block. See our guide on using a custom template within a modal popup.

That’s it! You’ve successfully set up and configured the Modal Popup in Botiga.

Next, would you like to show a fully designed layout in the popup? Check out our guide on using a custom template within a modal popup to learn more.

image_print