A popup for your website is a wonderful choice if you're giving your visitors a discount, service, or product or even if you have an announcement or giveaways. The visibility of a popup is one of its benefits since it can quickly pique your visitors' interest once they arrive on your page. 

Creating a well-designed popup can be tricky at first. Still, you can do it in no time since it requires no technical expertise, and many plugins offer drag-and-drop options for their popup.  

How to Open a Popup on Page Load in WordPress

A Page Load Trigger fires when all a page's assets have loaded, including all its dependent elements such as stylesheets, scripts, and images. For example, if you clicked a website from Google results and landed on its home page, showing a popup instantly, then the Page load trigger was fired at that moment.

Benefits of a modal popup on page load

Showing a popup on page load automatically can benefit you in these ways;

  1. Boosting your email subscribers
  2. Attracts the attention of the audience/Visibility
  3. Increases the session duration of your website visitors
  4. Promotion of Your Brand

Let's start creating your first popup with our popup builder, FireBox

How to create a popup on Page Load

It's simple to make a popup with FireBox. Since our popup builder is user-friendly and doesn't require significant technical knowledge, your popup can stand out on your website. 

On Page Load Popups Attract visitor attention and boost conversions by automatically triggering a popup on page load Buy Now

Step #1: Install FireBox on your WordPress site

To create your new popup using FireBox, install it first by heading to the WordPress admin > Plugins > Add New > Search for "FireBox" and click Install and then Activate.

Step #2: Create your new popup box

After the plugin activation, go to the FireBox dashboard and click New Popup

If you are using Elementor as your page builder, this is what it will look like.

Modify your text depending on the subject you want your visitors to see instantly. Be it a discount message, signing up for the newsletter, or anything you want to highlight on your website.

After you’re set, let's start customizing your popup!

Step #3: Customize your popup

Customizing your WordPress popup is easy with FireBox! You don't need any code to style your popup since our popup builder has an option for popup size, padding, margin, and other style attributes. You don’t need custom CSS or other coding-related options to style your popup. Just enter the value into the input box provided. Now, let's start.

Locate the FireBox settings by scrolling down in your block editor. After that, you will see the settings box, like in the picture above. You can configure the popup’s size, width, and height by entering your desired size on the input box.

The padding, margin, text color, text position, button animation, and other attributes are also grouped under the Design tab. You can personalize those attributes depending on your preference. FireBox has no limits! You could also customize it depending on the device that you will be using.

On Page Load Popups Attract visitor attention and boost conversions by automatically triggering a popup on page load Buy Now

Adding blocks to your popup window is also convenient when you use FireBox. All you need to do is click the add button and browse all the available blocks you can embed in your popup. From forms to videos, FireBox provides it all. Also, integrating links into your forms or buttons is simple. 

To add a block to your popup, drag and drop it.

If you want to add an image as your background in your popup, you can do that with FireBox. Head over to the design tab, scroll to its last option, the background image, turn on the toggle button, and upload the image you want to set as your popup background.

After customizing your popup, you can preview it by clicking the preview button in your block editor. You can also check if your WordPress popup still needs a minor adjustment. 

Step #4: Displaying the popup on Page Load

To have the popup appear on the page load, go to the behavior tab underneath the Design tab and select Page Load as your popup trigger. There are also other triggers that you can use if you want to experiment with FireBox's different popup functions, but Page Load is the most commonly used.

Delay. The delay refers to when your popup will fire after the page load.

Step #5: Publish your popup

If you are satisfied with your popup and all is set, it's time to publish it on your site! Just click the publish button on your block editor, and you're all done publishing your popup using our popup builder, FireBox.

Tip: If you want to edit your popup, go to your FireBox Dashboard > Popups.

On Page Load Popups Attract visitor attention and boost conversions by automatically triggering a popup on page load Buy Now

Aside from installing the FireBox plugin into your WordPress, there are no more complicated steps that you have to do. To display your popup on your desired page within your website, head to the Publishing Rules under Behavior > Page / URL > Menu Item or URL. 

After you've published your popup, you can keep track of how many impressions it received and how many visitors it attracted. You may also verify it in the FireBox Dashboard > Popup.

Why choose FireBox as your popup maker?

With FireBox, you can create a simple yet effective popup that could boost your conversion rates quickly. Its user-friendly functionality and wide customization accessibility add up to its advantages. It comes up with an extensive list of hassle-free widgets you can use! That’s why our users prefer using our plugin.

So what are you waiting for? Try FireBox on your WordPress site now! If you want to know more about The Page Load trigger and how it works, click here.


Co-Founder & Team Leader
Tassos is the founder and team leader at FireBox. With a background in user-centric design and full-stack development, he is dedicated to ensuring that FireBox is user-friendly and aesthetically beautiful.