Adding popups to your WordPress site can effectively capture visitor attention, promote offers, or enhance user engagement. Follow this easy guide to create a basic text popup using the free Instant Popup Builder plugin on WordPress.
Step 1: Download the Instant Popup Builder Plugin
To start, search for “Instant Popup Builder” in your preferred search engine. Once on the plugin’s website, click “Download Plugin” to start the download.
After downloading, access your WordPress dashboard. Under Plugins > Add New, click on Upload Plugin. Select the downloaded plugin file, then click Install Now. Once installed, activate the plugin.
Step 2: Add a New Popup
After activation, the Instant Popup Builder option appears in the WordPress dashboard menu. Click Add New Popup to begin creating your first popup. The Popup Builder plugin offers options for various popup types, including text, image, and HTML. For this guide, we’ll focus on creating a text popup.
Choose Your Popup Type
Select “Text” from the options, then click Next.
Step 3: Configure Your Popup Content and Display Settings
- Title and Content: Add a title for your popup and enter the content you want to display to users.
- Display Options: Decide where you’d like your popup to appear. You can choose options such as Everywhere, Posts, Pages, or Custom Post Types. For instance, selecting “Everywhere” ensures the popup appears across your entire site, while “Posts” limits it to your blog posts.
- Triggers: Triggers determine how the popup appears. You have three trigger options:
- On Load: The popup appears as soon as the page loads.
- On Click: The popup activates when users click on a specified element.
- On Hover: The popup appears when users hover over a designated area.
- Delay: If you’ve selected On Load, you can add a delay (in seconds) to control when the popup appears, such as 3 or 10 seconds after the page loads.
Step 4: Closing Options
Popup Builder allows several closing options:
- Escape Key: Users can close the popup by pressing the Escape key.
- Outside Click: Clicking outside the popup closes it.
- Close Button: Adds a visible close button.
- Hover Action: Close popup on hover for added convenience.
Step 5: Set Display Limitations and Popup Position
Display limitations enable you to control the frequency of the popup appearance. You can specify, for example, to show the popup only once every 30 days for each user.
Position your popup by selecting its location on the screen, such as Top Left, Mid Center, or Bottom Right.
Step 6: Customize the Design
Under the Design tab, customize the popup’s appearance:
- Background: Choose a color or image background, and adjust opacity.
- Size: Set the dimensions, e.g., 400×350 pixels.
- Animation: Select animation effects like Fade In or Slide In for smoother appearances.
Step 7: Advanced Options
Use advanced settings for more control:
- Actions: Redirect users to a URL when they click on the popup.
- Sound: Add opening or closing sounds for an interactive touch.
Step 8: Publish and Preview Your Popup
After finalizing the settings, click Publish to activate the popup on your site. Preview it to ensure everything looks as expected.
With this simple setup, your popup is live and ready to engage users! Experiment with different settings to maximize effectiveness, and feel free to reach out with feedback. Happy pop-up building!