Builder Toolbar
The Builder Toolbar is a quick navigation menu which support valuable functions and can be found at the top of every Checkout Champ page within the Page Builder.
Help
By selecting the '?' you can easily access the Checkout Champ Knowledge base articles….Like this one!
Show Hidden Layers
Clicking the Hidden Layers button will bring you into your Layer Manager, highlighting any layers that have been hidden from view.
Toggle Scrollbar
Clicking the Toggle Scrollbar button will either hide or reveal the scrollbar within the page builder.
View Components
By selecting or deselecting View Components, you can hide or reveal the component borders.
Preview
By selecting the eye, you can Preview your page as you are building to check your progress.
Select the eye again to close Preview mode:
Undo and Redo
Undo and Redo allow you to easily remove or add changes back as you are editing.
Clear Canvas
Clear Canvas will allow you to wipe the canvas clear and start with a blank page.
Note: If the canvas is mistakenly cleared, you can restore the page by exiting the builder prior to saving any changes and selecting ‘Don’t Save'.
View Code
View Code allows you to view and edit the HTML and CSS code.
Import
If you have built your page outside of Checkout Champ, you can import it by selecting the import feature.
Specify your URL and select Import From URL. Your files will be imported into Checkout Champ.
Popup
Upon clicking the Popup button, the Popup Manager will display so you can add a new popup or to edit an existing one.
Please see our Popup Documentation for more information about Popups.
Save
Save your changes as you work in the Page Builder.
Stickybar
Select Show Stickybar to edit and modify your page’s stickybar.
A sticky bar is a horizontal bar that you can “stick” on the bottom of your Checkout Champ page to display a message, product button, picture or anything interesting so that it is always displayed prominently, yet non-intrusively.
Light/Dark Mode
The Light/Dark Mode switcher allows you to change the Funnel Builder color scheme based on your preference.
Dark Mode: | Light Mode: |
---|---|
|