Pop-ups

Pop-ups are used to catch the visitors’ attention, tell about a promotion, say thank you for submitted forms, upsell, collect contact information, etc.

Pop-ups open on the site due to a visitor’s specific actions: on clicking a button, submitting a form or as a final step, for example, after taking a quiz.

You can set up to open pop-ups on Flexbe for the following elements:
— button
— icon
— shape
— link, by adding an anchor

Click any button added to the page and select Action on click —> Show pop-up.

Then click Select window. It opens the list of all pop-up templates.

Page pop-ups category contains all the pop-ups you've added before; Form, Quiz, Products, "Thank you" window and Other categories show pop-up templates that you can choose and customize to fit your needs.

You can also open the list of templates by clicking Popups on the upper panel.

Back in the button menu, click Edit to open the pop-up editor where you can customize its look and set its own Action on click.

You can also reach pop-up settings through the button menu.

Here you can choose the number of columns and content width, or reverse the column order on mobile phones.

In the Background tab, you can set up the overlay background: it's the dark area around the pop-up that visitors can see. Choose a color, upload an image or a video, change font color.

You can also customize the pop-up card look: its background, indent, text color, alignment, etc.

Set up the button in the pop-up (its look and Action on click). In the Goals tab, you can specify goals for Google Analytics or the code of any third-party analytics service.

Open the icon settings, choose Edit element. Now go to the Style tab and select Action on click —> Show pop-up. To customize it, follow the same instructions as above.

Open the shape settings, choose Edit element. Now go to the Style tab and select Action on click —> Show pop-up. To customize it, follow the same instructions as above.

The Image element doesn't have Show pop-up as an Action on click but you still can add a pop-up to it. To do this, go to the Pop-ups template list, select a required pop-up and name this pop-up (use English lower-case letters only). Copy the name. 

Now go to the image settings and choose Follow link as its Action on click. Paste the copied pop-up name — it works as an anchor link that takes visitors to a pop-up on clicking it.