Popups: Bottom Bar

Popups: Bottom Bar

Bottom Bars can be used for a variety of reasons, including announcements or options. Another common use of a popup bottom bar is to comply with the EU Cookie Consent law. In this example, we』ll quickly create a Cookie Consent banner. The bar will satisfy several requirements:

Show on any page of the site. (Publish Settings > Conditions)Show immediately when the page loads. (Publish Settings > Triggers)Show an overlay to hide the site underneath. (Popup Settings > Settings Tab)Prevent scrolling of the site underneath. (Popup Settings > Advanced Tab)Only close when the user clicks the OK button, making sure to prevent closing when clicking the overlay or pressing ESC. (Popup Settings > Advanced Tab)Only show the popup once, so the user doesn』t have to continually deal with it on subsequent page views. (Publish Settings > Advanced Rules)

To adjust the Popup Settings, click the Popup Settings gear icon in the panel』s bottom toolbar. To adjust the Publish Settings, click the arrow next to the Publish / Update button and choose either Conditions, Triggers, or Advanced Rules.

Create Popup

Go to Dashboard > Templates > Popups > Add NewName your template and click 『Create Template』Choose a template from the Library or create your own design

Popup Settings

Settings

Set the Horizontal position to Center and the vertical position to bottom.Show OverlayHide Close Button

Style

Configure style as desired

Advanced

Prevent Closing on Overlay: YesPrevent Closing on ESC Key: YesDisable Page Scrolling: Yes

Publish Settings

Conditions: Include: Entire Site

Triggers: On Page Load: within 0 seconds

Advanced Rules: Show Up To X Times: 1

發表回覆

您的電子郵箱地址不會被公開。 必填項已用 * 標註