March Documentation

Module: Popup

How to use:

  1. Open Page Editor
  2. Drag-and-drop Popup module

    documentation-popup-01
  3. Click to edit the Popup module
    documentation-popup-02
  4. Create a new repeater item by clicking Add One (we can have more than one popup)

    documentation-popup-03

  5. Select a 'Variant' (there are 4 variants available), then you can update the content

    documentation-popup-04
  6. Make sure to add 'Custom ID' to each repeater item (start with the word 'popup'), for example 'popup-02
    Note: no space, and all need to be in lowercase

    documentation-popup-05

  7. Save edits
  8. Now, the popup(s) we have created can be triggered using Button module or any inline links in the rich text. For the tutorial purpose, we'll use the Button module
  9. Drag-and-drop a Button module
    documentation-popup-06
  10. Set the Button URL Link to External
  11. Specify the URL with the custom ID we have created '#popup-02'
    Note: make sure to add # at the beginning
    documentation-popup-07
  12. Click Save