Builder Toolbar
Coming Soon!
Last updated
Coming Soon!
Last updated
The Builder Toolbar is a quick navigation menu which supports valuable functions. It is found at the top of every Checkout Champ page within the Page Builder.
Help | Layer Manager | Device Selection | View Components | Preview | Undo and Redo | Clear Canvas | View Code | Import | Popup | Save | Stickybar | Light/Dark Mode
Select the ' ? ' to access all Checkout Champ Knowledge Base articles, like this one!
Open the Layer Manager to manage all layers. This can be particularly helpful in finding hidden elements.
Switch between devices. There are 5 options - desktop, large tablet, tablet, large mobile, mobile.
Choose to hide or reveal the component borders
Use the Preview button to open the page in a few tab
Undo and Redo allow you to easily remove or add changes back as you are editing.
Clear Canvas will allow you to wipe the canvas clear and start with a blank page.
If the canvas is mistakenly cleared, then use Undo to revert it or exit the page builder without saving.
View and edit page code using the Edit Code option. Use the right and left arrows to expand the viewing area for either html or css. Use Format to make a section more easily viewable.
If you have built your page outside of Checkout Champ, you can import it by selecting the import feature.
Enter the URL and press Import
Use the Popup button to launch the Popup Manager. Add and edit popups here.
Please see Popup Documentation for more information.
Save your changes to the page. There are options - Save, Save & Close, and Close.
Select Show Stickybar to add and edit the page 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.
The Light/Dark Mode switch allows you to set the page builder color scheme based on your preference.
