web
You’re offline. This is a read only version of the page.
close
Checkmark

Thank you for your feedback

Add a Popup

Learn how to enable and manage a Popup on your Website Builder site.

Article ID: SLN29179

Add a Popup message to your Website Builder site which can contain discount offers or other promotional offers.
A sample Popup.

Add a Popup

  1. From your Manage Site page, click Edit site or Site Design.
    The Edit site and Site Design links.
  2. Click the + button on the bottom-right.
    The + button.
  3. Select Add Popup. A Popup preview will appear along with style options.
    The Add Popup option.
  4. Choose if you wish to use the original section style or your own website style. The Popup Parameters window will appear.
    Use an original style or website style.
  5. In Popup Parameters:
    • Pop-up preset - Choose the look of the popup by clicking the thumbnail.
    • Location - Choose how the popup will appear: Centered, Bottom Right, or Fullscreen.
    • Width -  The width in pixels of the popup.
    • Height - The height in pixels of the popup.
    • Pop Options - When the popup will appear:
      • Timer - Pop after will choose how long before the popup will appear.
      • On Scroll - Pop after scrolling will choose the percentage of the page to scroll until the popup appears.
      • On Exit - The popup will appear when exiting the page.
    Popup Parameters.
  6. Under Settings:
    • Layout - Choose the layout of the popup.
    • Background - Choose the background color and padding.
    Popup settings.
  7. Go back to Parameters and click UPDATE to save your changes.
    The UPDATE button.
  8. You can customize the popup to your liking. You can: The Add a new element to item dialog.
  9. Publish when ready.
    The Publish button.

Remove a popup

  1. From your Manage Site page, click Edit site or Site Design.
    The Edit site and Site Design links.
  2. Click the + button on the bottom-right.
    The + button.
  3. Select Edit Popup.
    The Edit Popup option.
  4. Click the REMOVE button in Popup Parameters.
    The REMOVE button in Popup Parameters.
  5. Confirm that you wish to remove the popup by clicking the Remove button. If you change your mind, click the Cancel button.
    Confirm that you wish to remove the popup.
  6. Publish when ready.
    The Publish button.