Builder Toolbar
Last updated
Last updated
The Builder Toolbar is a quick navigation menu which supports valuable functions and can be found at the top of every Checkout Champ page within the Page Builder.
| | | | | | | | | | | | | | | | |
The "back" button will exit the page back to the funnel visualizer. If the page has not been saved since its last edit, you will receive a prompt asking if you would like to save before exiting.
The blocks menu opens the Blocks toolbar which houses all of the builder's draggable elements.
Clicking the Hidden Layers button will bring you into your Layer Manager, highlighting any layers that have been hidden from view.
The Code Editor allows you to view and edit the HTML and CSS code using a popup containing a two-sided popup.
Clicking the Viewports dropdown allows you to view and edit your pages in 5 pre-defined screen sizes (Desktop, Large Tablet, Tablet, Large Mobile, and mobile). Being able to navigate between views allows you to view and edit your layout with mobile responsiveness in mind.
The pages dropdown allows you to switch to any other page in your funnel without leaving the builder. If the current page has not been saved since its last edit, you will receive a prompt asking if you would like to save before switching to the next page.
Clicking the Chat GPT icon will launch Chat GPT in a new window. This allows users to easily create marketing copy on the fly to copy/paste back in the editor.
By selecting or deselecting View Components, you can hide or reveal the component borders to view the page with or without visible element sections.
With the component view enabled, you will see dotted lines surrounding each of the individual components/blocks on the page.
Upon clicking the Popups button, the Popup Manager will display so you can add a new popup or to edit existing popups.
Selecting Sticky Bar allows you to add or edit your page's sticky bar. A sticky bar adds a box/bar that "sticks" to the top or bottom of the page to display a message, product button, picture or anything interesting so that it is always displayed prominently, yet non-intrusively.
The Page Import tool allows users to import pages built outside of Checkout Champ using a live URL.
Undo and Redo allow you to easily remove or add changes back as you are editing.
By selecting the ' ? ' you can easily access the Checkout Champ Knowledge base articles, like this one!
Clear Canvas will allow you to wipe the canvas clear and start with a blank page.
When you click the icon, you will receive a prompt ensuring you intend to clear the canvas.
Toggling between Absolute and Relative adjusts how elements are placed on the canvas. When in Absolute mode, elements remain where they are dragged on the canvas (like images placed on top of each other). In Relative mode, elements are placed onto the canvas relative to their parent elements.
The Light/Dark Mode switch allows you to change the Funnel Builder color scheme based on your preference.
By selecting the eye, you can Preview your page as you are building to check your progress.
Save your changes as you work in the Page Builder.
On pages containing a Header element, you will see the Cart icon in the toolbar. The Cart icon opens the side cart element for you to view and edit as needed.
Note: The side cart is not available on checkout pages.