Pricing
Help
Contacts

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.

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.

Product

Features
Pricing

Resources

Help
Logo Maker

Company

Terms of Service
Privacy Policy
Cookie Policy

Contacts

info@flexbe.com

Instagram