How to Add Pop-ups?

In this guide you will learn how to add pop-ups for your site using the Advance Editor.

Follow the steps below to add pop-ups for your website.

1. From Advanced Editor page, click “PAGES” icon on the left panel.

1. Click the "Popups" tab.

1. Click on the "+ New Popup" button.

1. The "New Popup" window should appear.

1. You can hover your mouse over each icon and you will see a preview or sample of the said pop-up.

In this screenshot, the mouse is hovered over the "Online Scheduling" Icon. The icon changes to color blue when the mouse is hovered over it. You will also see the preview/sample of the said pop-up on the right side.

1. Click on the icon of your choice and you will see the "NEW POPUP" window. Here, you can rename the pop-up. Once you're done, click the "+ Add Popup" button .

1. The pop-up will now be displayed on the website as shown below. Here, you may now customize elements of the pop-up that you've just created by simply clicking on the elements.

I

1. To further edit the pop-up design, you may click on the "POPUP SETTINGS" at the bottom of the page to access the "POPUP DESIGN" editor (see image below). Here you can further edit the style, background and spacing of your pop-up.

1. Once done editing, just hit the "Republish" button on the upper-right corner of the page.