Prerequisites
Before you begin, ensure that you have:
- Installed and activated one of our premium WordPress themes.
How to Add a Modal Popup #
Our WordPress theme allows you to easily create and customize a modal popup dialog box that can be displayed on your website. Follow the steps below to configure this feature.
Steps to Add a Modal Popup #
1. Access the Customizer #
- Log in to your WordPress dashboard.
- Navigate to Appearance > Customize.
- In the Customizer, go to General Settings.
2. Configure the Dialog Pop-Up Box #
Once you’re in the General Settings section, locate the Dialog Pop-Up Box settings. Here, you’ll find several options to customize the modal popup:
a. Enable Dialog Box #
- Toggle this setting to enable or disable the modal popup.
When enabled, the dialog box will appear on your website based on the conditions you set.
b. Show Dialog Box Only One Time #
- Enable this option if you want the popup to be displayed only once per visitor.
This is useful if you don’t want to annoy users with repeated popups.
c. Show Exclusively on the Homepage #
- Toggle this setting if you want the modal popup to be displayed only on the homepage.
This is ideal for promoting homepage-specific offers or messages.
d. Dialog Box Image #
- Upload an image to be displayed within the dialog box.
You can add a promotional banner, product image, or any visual content relevant to the message.
e. Dialog Box Title #
- Enter a title for your dialog box.
This will be displayed prominently within the popup and should grab the user’s attention.
f. Dialog Box Content #
- Enter the content or message you want to display in the popup.
You can include text, links, or other HTML content.
g. Dialog Box Shortcode (if any) #
- If you have a shortcode that you want to include in the dialog box, enter it here.
This could be a contact form, subscription form, or any other shortcode-supported feature.
3. Save and Publish #
Once you’ve configured all the settings to your preference:
- Click the Publish button at the top of the Customizer to save your changes.
- Visit your website to see the modal popup in action.
Additional Notes #
- Testing: After publishing, visit your site in an incognito window or clear your cookies to ensure the popup functions as expected, especially if you’ve enabled the “Show Dialog Box Only One Time” option.
- Customization: Depending on your specific theme, there might be additional styling options available for the modal popup. Check the theme’s documentation or explore the Customizer for further customization.
By following these steps, you can effectively add and customize a modal popup to enhance user engagement on your website.
