Page History

Overview

...

Implementing the modal login window is easy. Simply follow the steps below.

 

Step-by-step guide

To replace the standard Login widget with the modal version:

1. In the CMS, navigate to Content → Theme Layout. 
   
   
2. Locate your Login / Logout widget (generally located in the first zone).
    
3. Unselect the tickbox on the Login /  Logout widget to disable it. The widget name should now have a strikethrough and look like this: 
   
4. Click the Add Widget button.
   
   
5. Search for 'Login Logout Modal'. Select it and click 'Add Widget'.
   
   
6. Drag the widget so it sits just under the disabled Login / Logout widget. 
    
7. In another browser or incognito window, load your website. 
   
   
8. Click the 'Login' link and verify that a modal window launches. 
   
   
   

...

To include additional content in the modal window: 

1. In the CMS, navigate to Content → Standard Pages.
   
   
2. Select the Login Logout Modal Page template.
   
   
3. Add widgets to this page as required (for example, an HTML Snippet widget to render custom text or images).
   
   
   
4. Re-launch the modal window in your other browser to verify changes. 
   

Additional Information

The original Login / Logout widget can be deleted from the Theme Layout at any time, however simply disabling it will give the same effect while still leaving the widget intact for future use.

...

Related help

...