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.
As other pop-ups, free pop-ups open when users click on a button, an icon, a shape or some text; they have anchor links.
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.
Editing free pop-ups
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.
Pop-up background
You can customize the way your pop-up looks in the Pop-up settings → Pop-up tab.
No background
This option displays the pop-up in front of the section.
Color tab
Here you can select a pop-up color, add the outline, rounded corners and shadow.
Shadow here has some additional settings.
Image tab
Here you can upload your own image or select one from the free Unsplash gallery.
Underlay background
Apart from the pop-up you can set up the underlay, that is the background behind the pop-up.
Color tab
You can select the color of the underlay background and the text color.
Image tab
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.
Video tab
You can upload an MP4 video or add a link to any YouTube and Vimeo video.
Positioning
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.
Stretch across height
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.
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.
Stretch across width
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.
