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.

Header Builder

In Porto 6.0, templates builder is newly added to create and modify the whole site including header dynamically using page builders. You can build the header dynamically in any layout using templates builder. After you create header, you need to set display condition where you want to display and select “Header Builder in Porto Templates builder” in Porto -> Theme Options -> Header -> Header Type -> Select Header to display it.
header

Footer Builder

In Porto 6.0, templates builder is newly added to create and modify the whole site including footer dynamically using page builders. With Porto footer builder, You can build the footer dynamically in any layout. After you create footer, you need to set display condition where you want to display and select “Footer Builder in Porto Templates builder” in Porto. And you are now limited more by your imagination than anything else.
footer

Build your website with Porto

Purchase now. Only $59!

Porto theme has been available on ThemeForest since 2015 and is one of the top sellers with more than 70K+ sales.
Super High Performance
Strict Coding Standards
Free Lifetime Updates