Popup

Porto Popup

We provide easy but powerful ways to build popup. There are two ways to build your popup, namely Using Template Builder and Using Modal Box Element.


Popup Element Image

How To Build Your Popup With Template Builder

There are 3 steps to build your own popup. Each step is very easy and simple, so you can create the popup template without any knowledge of CSS or other coding skills.


01. Start With Template Wizard

The first step is to create the popup template in Templates Builder. Please create new popup block and give specific name on it and then save it.

Popup Element Image

02. Build With Page Builder

Once you have created the popup template, you can start building your own template by using page builder. As along, you can also control popup settings in Layout Options panel.

Popup Element Image

03. Display Popup Anywhere

When you have done, the popup template can be displayed on any page or posts as you want, using display condition in that page settings. You can use Popup Builder for Any Page option in Porto Page Layouts to set display conditions either.

Popup Element Image

Porto Modal Box Element Features

You have alternate choice for building your popup like Using Porto Modal Box element.


Popup Element Image

Element Options

Porto provides you necessary options for building your popup. These options lead you to make awesome popup.


Popup Element Image

Popup Animation

This option allows you to add awesome appear animations to your popup.
Popup Element Image

Popup Width

This option allows you to set width of popup template.
Popup Element Image

Popup Load Time

This option allows you to determine the popup load time properly.