How to set up a Notification bar?

The notification bar is a notification bar in which communication to the profiles is shown. In Squeezely, two templates for default overlays are available called Venice and Sydney. In the templates you can define the following settings:

Content

In the content settings you can define the name of the variant:
Content_Notification.png

Display

In the display settings you can change the styling:
Display_Notificationbar.png

Additional options

In the additional options you can do the following:

Additional options_Overlay.png

  • Overlay location: determine the location of the overlay on the page.
  • Timer: set the amount of time that the personalization is displayed. If the personalization should not disappear automatically, select 0.
  • After closing overlay: set the interval (if any) that an overlay will not be shown after an overlay is clicked away.
  • Lazy load images: by checking this option images will be loaded as soon as they need to be shown, improving the initial page load.
  • CSS: in the CSS box you can add your own CSS.
  • JavaScript: in the JavaScript box you can add your own JavaScript.
  • Edit template: by clicking this button you can edit the template.
  • Reset template: by clicking this button, you can reset the template.
  • Export: by clicking this button, you can export your template as an XML file.

Snippets

Snippets are handy pieces of CSS and JavaScript that can be reused across various personalization's. To use snippets in a Personalization variant first create a snippet with the button Snippets and then just head to the 'Snippets' category in the left sidebar. You can select the created snippets.

Snippets.png