Pages > Manage
Page Views
Understand the different ways to preview your pages in SuperFunnel, from the editor to production.
Overview
Pages in SuperFunnel are designed to look great across devices. How a page appears can vary depending on the viewer's browser, operating system, screen size, installed extensions, network security settings, and browser preferences. Viewing a page on an iPhone will look different to an Android or desktop.
Before publishing, review your page across a range of conditions to catch unexpected differences.
Responsive Preview
Within the page editor you can switch the preview between three screen size modes:
- Desktop — simulates a standard widescreen browser window
- Tablet — simulates a medium-width tablet viewport
- Mobile — simulates a narrow mobile screen
Use these to check that your layout, text sizes, and section spacing hold up across device types before going live. Elements presented side-by-side on desktop may stack on mobile. Text may wrap differently.
Page Views
SuperFunnel gives you several ways to view a page depending on what you need to check.
Editing
The default editor state. The page is displayed with editing controls visible — section handles, menus, and the Superagent panel. This is where you build and refine your page.
Preview (on Editor)
Click the eye icon in the editor toolbar to enter preview mode. Editing controls are hidden and the page behaves as a visitor would see it — popups open, buttons respond, and interactive elements work. Use this to test click actions, popups, and animations before accepting or publishing.
Staging
Staging is a shareable link to the current saved state of your page. It reflects your latest changes before they go live. Share it with teammates or clients to review without publishing.
Production
The live version of your page, visible to real visitors. Production only updates when you click Publish. Changes that have been saved but not published are not reflected on the production URL.
Testing Before Going Live
The editor preview is a simulation. Always test your page in real conditions before publishing:
- Open all popups and CTAs to confirm they fire correctly
- Click every link and button to verify destinations
- Test on at least one mobile device and one desktop
- Check in more than one browser (e.g. Chrome and Safari)
- Consider how browser extensions might affect scripts
- Share the staging link with a colleague for a second opinion
Summary
Use the Pages list to monitor the status and performance of all your pages in one place. Check staging before every publish, and use the production URL for any live testing or sharing with stakeholders. When you are ready to go live, click Publish from the editor or directly from the Pages list.