Create a Popup window

In this use case, we will see how to create a Pop-up window easily  .

First of all let's see the final rendering :
 

On your page builder, we need to Create a new page without header/footer : 
To do that, click on 'Page configuration' icon  and click on 'Create new page'.

This page will correspond to the content of our pop-up   :

Back to our Home page, we will put a button to subscribe to the newsletter
Click on 'add component' icon  drag and drop a button from element tab.
Click on your element and click on the 'paintbrush' icon :
    - Select  and configures like this :


    -  Select  and add an ID as 'MyPopupButton'




 

Last step, to automatically display the pop-up :
Click on 'add component' icon  drag and drop a jQuery Source Code :




- Double-click on your source code block and add your code like this :

Bravo, you did it  !