General

Barilliance new generation popups are design to be easy to set up and look great in different screen sizes. To get the most out of them, please follow the best practices below.

Start with a template

It is a good practice to start from a popup template. The templates have been tested on various screen sizes and devices.
You can change any visual aspect such as fonts, images and colors easily.

Using the editor

The editor is very easy to use once you understand how it works.

  • To edit a section of the popup or texts click it. You can change any visual aspect in the right side menu.
  • To add a section such as image or text click 'CONTENT' tab and drag the section into the popup.

Adding  a 'Not interested' link

To add a "No thank you' link to a popup

  • Select a text section
  • Select -> Special Links->Close popup/message->Close popup/message.
  • This will output a text link which closes the popup when selected.You can edit the text and change its visual properties.

Always test on different devices and screen sizes.

The popups may not look good on some screen sizes, or in some extreme cases, the close button cannot be reached to close the popup. Therefore it is important to test on a range of devices using the preview rule link. Note that the preview in the popup editor does not represent a real website behavior and therefore it is not enough for testing.

Design Best Practices

Font size

Keep font sizes at 20px and above. This will make sure they are visible on smaller screens where the popup is scaled down to fit the screen

Did this answer your question?