WP Popup Builder

WP Popup Builder is specially designed for adding or creating Beautiful Light-box in your website. It has many Pre-built templates and this popup builder can be customized easily, just follow the below instructions and Design your own popup.

Plugin Installation

• • Download Free WP Popup Builder from Here.
  • Now, Open your WP Dashboard and Upload the Plugin Zip file into Plugins and Activate it. Now you can See “WP Popup Builder” panel in your dashboard.

How to Edit Popup ??

• • To edit your Popup, go to WP Builder Popup > Add new Popup > Enter Popup Name and Choose the any Pre-built Templates or you can choose layout. Three different layouts are available, choose the desired one and design a fresh Popup by your own. After doing this, now Click on the Next Button. Now you’ll see Real time editor panel.
  • Using Real time editor panel, you can customize each and every element of popup.

Drag & Drop Module

• • This setting is available in Real time editor panel. From Drag & Drop Module you can choose Text, Heading, Button, Upload image and also insert Lead form or Contact form in your popup.
  • You can drag these elements and drop them in the Popup layout.

1. Text

• • To add Text in your Popup layout, Drag & Drop Text element from the module into the Popup layout. Place it wherever you want.
  • All the Text setting are available. Add the Text content, link and Choose the alignment.
  • You can also change the styling of your text content. Adjust the Width, select Container Alignment, Pick background and text color, Font size and Font weight. You can also enable the Border.

2. Heading

• • To add Heading in your Popup layout, Drag & Drop Heading element from the module into the Popup layout.
  • Add the Heading Content, link and choose the alignment.
  • You can also change the styling, Adjust the Width, select Container Alignment, Pick background and text color, Font size and Font weight. You can also enable the Border.

3. Button

• • To add Button in your Popup layout, Drag & Drop Button element from the module into the Popup layout.
  • Add the Button text, link and choose the button alignment.
  • You can also change the styling of your Button. Adjust the Width, select Container Alignment, Pick background and text color, Font size and Font weight. You can also enable the Border.

4. Image

• • First Drag and Drop the Image Module in your Popup. Now upload your Image.
  • You can also change the styling of your Image. Adjust the Width, select Container Alignment and Enable border.

5. Lead Form

• • To add Lead Form or Contact form, First install & activate Lead form builder plugin in your dashboard. To know how this plugin works, Follow this Doc.
  • You can Customize the “Form”. All settings will be enable after selecting the form.
  • You can also change the styling of your Form. Adjust the form Width, select the form Alignment, Pick background color and Enable form border.
  • Form Content setting is also available. Individual option is given for each form field. Change the color, font according to your need.

Global Setting

• • In Global setting panel, you can change or add the Popup builder name. You can Edit the Popup Background Setting like Upload bg image and pick bg color.
  • You can also edit the Popup Dimensions like Popup Width, Popup Height Auto/Custom, Popup Padding (in px), Enable Popup Box Shadow and border.

Popup Timer Setting

• • In Popup timer setting you can select the Popup Appear Delay in Second and Popup Auto Close in Second. Just enter the time and make your popup enable and disable from your site.

Close Button Setting

• • From here you can edit the close button settings. You can choose whether you want to close the popup on clicking the icon, Disable the icon and close the popup by clicking outside the popup or Close the icon by clicking on the icon and also clicking outside the popup.
  • You can choose the Icon Background color and Close icon color from the Style panel.you can also set the alignment.

Popup Shortcode Editor

• • From Popup Shortcode Editor you can choose the Popup location where you want to show your popup by just using the shortcode or without the shortcode.
  • You can show your Popup on Pages, post or also show them in widget areas.
  • Popup Position – This can be done easily, after you’re done with the designing of your popup form.

1. Particular Page – If you want to show popup lightbox in particular page or post, Just copy the shortcode and place it on the page or post editor you are willing to show that popup.

2. Without Shortcode – If you want show Popup lightbox without using any shortcode, Just enable the tab and show your popup at “Home Page”, “Pages” or “Post”.

Inline Popup – You can inline popup in your Post and Widget areas

3. In Post area – Just copy the Shortcode, add it to your post or page editor and display Inline Popup.

4. In Widget area – Just copy the Shortcode, add it to your widget and display Popup form in your widget box.

For any type of query, You can contact our support team at support forum.