Use a clear dialog for things like newsletters or information and control when the visitor sees it.
This guide applies to Diversity themes that have Add-ons → Pop-up dialog, for example, Bountiful. The theme's dialog settings can be used in Go, Plus, and Pro; newsletter dispatches and customer login have their own subscription terms. Check the active theme and dialog type before following the steps.
1. Identify the right type of box
A cookie query, customer type/VAT dialog, login, shopping cart box, and an external marketing tool can look similar but are not always controlled in the same place. Check the text and when the box is displayed before changing a setting. An informational pop-up does not replace proper cookie consent.
2. Select and edit the dialog in the active theme
Open Appearance → Themes. Identify the active theme for the correct store or sub-store and select Edit.
Select Add-ons → Pop-up dialog / Pop-up dialog.
Select the intended option, for example Subscribe to newsletter, Log in or Custom. The options may differ between themes and versions.
For a newsletter box: check the text above the email field and the message after registration. These texts may also be used where the same registration function appears elsewhere in the theme. A post-registration message that displays a discount code does not create the discount and does not make the code personal.
If you offer a code, the discount must exist with the correct conditions in the store's discount feature. A common code written in the dialog can be shared; do not promise a unique, single-use code per person unless you use a separate solution that actually creates and limits such codes.
3. Set when a custom dialog is displayed
The custom HTML dialog in Bountiful has the following display methods when the corresponding component is used:
Immediately on the visitor's first page view.
After a specified number of seconds.
On intent to leave, based on mouse movement out of the window. This is not a reliable mobile gesture.
When visiting a specified URL.
Only select settings that are actually displayed for the selected dialog type. There is no general rule that allows all dialogs to be displayed after scrolling or with the same delay. Enter the title and content in the relevant languages.
4. Save and check the entire visit
Save in the correct theme and check the regular store, not just another theme's preview.
Try a clean visitor mode and the intended display condition. A saved "already shown" value may prevent the box from being displayed again.
Check that the dialog can be closed, that the text and buttons fit on mobile, and that keyboard users can proceed.
If a form is used, test its error and confirmation messages. A 'thank you' message alone doesn't prove that a newsletter has been sent.
For the custom dialog, a content change can cause it to be shown again to visitors. Therefore, test with a new session when troubleshooting and avoid creating multiple competing popup installations.
5. Disabling the popup correctly
Open the active theme → Add-ons → Popup dialog and select Disabled under Purpose of the dialog box. Save. For the custom HTML dialog, no dialog is shown when the content is missing in the current language; this should not be used to unintentionally leave other languages active. Check all languages after the change.
If the box still remains: check that you edited the active theme and if the box comes from an external script or another dialog function. Do not turn off cookie consent to get rid of a newsletter popup.
Avoid large boxes that block content on mobile. Choose a reasonable time and make it easy to close. Appearance and behavior need to be checked together; a certain dialog type is no guarantee of an unchanged search ranking.
Quickstart
Identify the correct box, store, and active theme.
Select the dialog type and write the text in the correct language.
Set the display conditions supported by that specific type.
Save and test the display, closing, and form in a clean browsing session.
Subscription
The popup setting is available for supported Diversity themes in Go, Plus, and Pro. Customer login and Abicart's newsletter mailings are part of Plus/Pro; displaying your own HTML block does not activate these features. External services may have their own agreements and costs.
