Ever crafted a stunning Poper popup but wanted to see it live on your website before saving or publishing it? This guide unveils a handy feature: the Preview Mode!
Before using Preview Mode, you'll need to connect your website domain to Poper and verify it. This ensures the preview functionality works correctly and displays your popup within the context of your website.
Accessing Preview Mode:
Open Your Poper Popup:
Navigate to your Poper dashboard and access the specific popup you're working on.
Locate the Preview Button:
Look at the top bar of the popup editor window. You'll find the "Save/Update" button alongside another button with an icon resembling an "open in new tab" symbol.
Peeking at Your Live Popup:
Click the Preview Button:
Click on the "open in new tab" icon button next to "Save/Update."
Popup in a New Tab:
This action will open a new tab in your browser and navigate you to your website with a unique URL containing query parameters.
Your Popup on Display:
Voila! You'll see your Poper popup displayed directly on your website within the newly opened tab.
Important Note:
Triggers Disabled: While viewing your popup in Preview Mode, keep in mind that the popup's original trigger settings (like time delay or scroll depth) are temporarily disabled. This means the popup will be visible as soon as the URL loads, bypassing its usual trigger actions.
Purpose of Preview Mode:
Design Review: This mode allows you to assess the visual elements of your popup – its layout, styling, and overall appearance – directly on your website without saving or publishing any changes.
Quick Edits: If minor adjustments are needed, you can return to the Poper editor in the original tab and make the necessary tweaks. Once satisfied, you can revisit Preview Mode to see the updated version.
Remember:
Preview Mode is for design checks only. To activate the popup with its intended triggers, you'll need to save and publish your work within Poper.