The ClickFunnels Page Editor is where you bring your pages to life. Saving your work ensures that all your edits are preserved, while previewing allows you to see exactly how your page will appear to your audience. Both steps are essential to avoid losing progress and to ensure your page looks and functions exactly as intended.
This article will show you how to save your work, preview your page, and follow best practices to create polished, high-performing pages.
Requirements
An active ClickFunnels account.
A page created in your workspace.
Saving Your Work
Locate the Save button in the top-right corner of the Page Editor.
.png "image(416).png")
Click the Save button after making changes to your page.
Wait for the save confirmation to ensure your updates have been stored.
Previewing Your Page
From the Page Editor
In the Page Editor, click the Preview icon next to the Save button.
.png "image(417).png")
A new tab will open, displaying a live preview of your page.
Carefully review your page for text alignment, proper spacing, functional links, and responsive design.
Close the preview tab when you’re ready to return to editing.
From the Funnel Workflow Editor
Hover over the page thumbnail in the Funnel Workflow Editor.
.png "image(418).png")
Click the Preview button that appears below the thumbnail.
Review the live preview just as you would in the Page Editor.
Best Practices for Saving and Previewing
Save frequently to prevent accidental data loss.
Preview your page regularly during the editing process to catch any errors early.
Test your preview on multiple devices and screen sizes to verify responsiveness.
Double-check functionality, such as buttons, links, and forms, in your preview.
Always save before previewing to ensure the preview reflects your latest changes.
FAQ
What happens if I forget to save?
Unsaved changes will be lost if you close the editor, refresh the page, or experience a browser issue. Always click Save before exiting.
Why doesn’t my preview match the live page?
Ensure you’ve saved all your changes before previewing. If issues persist, try clearing your browser cache or viewing the preview in an incognito window.
Can I preview how my page will look on mobile devices?
Yes! When previewing your page, check the responsiveness by resizing your browser window or using developer tools in your browser. This can give you an idea of how it will appear on smaller screens.
What should I look for when previewing my page?
Focus on layout consistency, text alignment, functional links, working buttons, proper image placement, and responsiveness. Also, ensure any forms or integrations, like email captures, work as expected.
Does saving my changes automatically publish the page?
If your page is already live, saving your changes will update the live version immediately. However, if the page is not live yet, saving only stores your changes in the editor and does not publish the page. You’ll need to manually publish it when you’re ready.
What do I do if my Save button isn’t working?
If the Save button isn’t responding, check your internet connection first. If the issue persists, try refreshing the editor (note: unsaved changes may be lost), clearing your browser cache, or switching to a different browser.
Can I undo changes after saving?
Yes, you can undo changes even after saving as long as you remain in the same Page Editor session. Use the undo button in the editor toolbar to revert recent actions. However, once you exit the Page Editor, undoing previous changes is no longer possible.