March Documentation

Module: Popup

How to use:

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

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


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

  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


  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
  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
  12. Click Save