Replo Docs

Popups

  • Updated

Popups are a powerful type of Replo component which you can use to show content in a container that pops up to cover the regular page. Popups are great for showing special offers, details or ancillary information about products, larger views of product images, and much more.

To Add a Popup to a Page:

Popup showing in the Replo editor
  1. Navigate to the page you want to add a popup to in the editor.
  2. On the left side of the editor, click the "Components" toggle, then search for "Popup."
  3. Drag the Popup into the page.

Note: You can drag a Popup anywhere into the page, and you can view it in the Component Tree, but a popup will always display over the entire page. However, where the popup is positioned in the Component tree may affect the Dynamic Data that the popup can access.

To Find and Edit a Popup in an Existing Page:

  1. Either find the Popup container or its contents in the Component Tree and click on them, OR
  2. Use the "Jump To Popup" button on the "Page" container in the Component Tree
Jump To Popup button

To Change a Popup's Configuration:

  1. Select the popup you want to configure.
  2. Under "Config" in the right-side panel, use the controls to change the overlay color and settings related to the popup.

To Make a Button Open a Popup:

  1. Select the button you want to make open a popup.
  2. Under "Interactions" in the right-side panel, add an On Click Action
  3. Select the "Open Popup" action from the dropdown menu, then select the popup that you want to open.
  4. Click "Save" to save the action.
Open A Popup action

Was this article helpful?