Free pop-ups

Free pop-ups are pop-ups made of elements with free positioning. They are  fully customizable: change the location of the pop-up, move and rotate its components as you see fit, add new elements from the extended list of elements.

To create a free pop-up, go to the Popups → Free pop-ups → Create

To add a free pop-up to any page, select Show pop-up as the Action on click in the settings of the clickable element.

To set up a free pop-up, click Edit.

It opens the free pop-up that doesn't have any grid: move and rotate elements as you see fit.

A free pop-up is made of elements with free positioning. The list of such elements is wider than the list of standard elements.

Pop-up settings provide additional tools for customization.

This option displays the pop-up in front of the section. 

Here you can select a pop-up color, add the outline, rounded corners and shadow.

Shadow here has some additional settings.

Here you can upload your own image or select one from the free Unsplash gallery.

Apart from the pop-up you can set up the underlay, that is the background behind the pop-up.

You can select the color of the underlay background and the text color.

You can also upload your own image or choose one from the in-build gallery. Set up its fading, add a gradient or disable image compression. Flexbe automatically optimizes all images to increase site loading speed. Disabling compression can slow down page loading.

You can upload an MP4 video or add a link to any YouTube and Vimeo video.

Positioning of a free pop-up means specifying its location on the screen. When you set up the positioning of a pop-up (its location, width and height), take into account that your page will look differently on various viewports.

Your pop-up will automatically stretch across height on different viewports. You can specify the width and minimum height; these proportions will be retained.

NOTE
In the pop-up editor, all pop-ups are displayed with a set minimum height. This is done to reserve enough space for all the elements to fit in, even across the viewports that are smaller than yours. It lets the pop-up look the way that it was initially set up.

It means that your pop-up will automatically stretch to fit in different viewports.

If you stretch any pop-up both across width and height, then you will only need to specify its minimum height.

If you don't use stretching across width or height, then you can position your pop-up in any part of the screen by selecting one of the nine available screen points in the clickable menu.