A popup for your website is a wonderful choice if you’re giving a discount, service, product to your visitors, 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 really tricky at first. Still, you can definitely do it in no time since it doesn’t require any technical expertise, and many plugins offer drag and drop options for their popup.  

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

Benefits of a popup on Page Load

Opening a popup on page load 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

With that being said, let’s start on 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 surely stand out on your website. 

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. 

Step #2: Creating your new popup

After installing the FireBox plugin on your WordPress site, locate your FireBox dashboard on the side of your WordPress menu bar, and under its submenu, click Add Popup

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

Modify your text depending on the subject that 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 any 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 shown just 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.

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 that 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 into your popup, just drag and drop it.

If you want to add an image as your background in your popup, you can also do that with FireBox. Just 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.

If you are done 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 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 the time 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, just go to your FireBox Dashboard > Popups.

Aside from installing the FireBox plugin into your WordPress, there are no more complicated steps that you have to do. In order for you to display your popup on your desired page within your website, simply 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 builder?

With FireBox, you can create a simple yet effective popup that could boost your conversion rates in no time. Its user-friendly functionality and wide customization accessibility add up to its advantages. It comes up with an extensive list of widgets that you can use hassle-free! 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.

Share

Founder & Team Leader

Tassos is the co-founder and team leader at FirePlugins. With a background in user-centric design and full-stack development, he is dedicated to ensuring that our products are both intuitive to use and aesthetically beautiful.