Builder Toolbar

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.

Back

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.

Show Hidden Layers

Clicking the Hidden Layers button will bring you into your Layer Manager, highlighting any layers that have been hidden from view.

Code Editor

The Code Editor allows you to view and edit the HTML and CSS code using a popup containing a two-sided popup.

Viewports

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.

Pages

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.

Chat GPT

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.

View Components

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.

Popups

Upon clicking the Popups button, the Popup Manager will display so you can add a new popup or to edit existing popups.

Sticky Bar

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.

Page Import

The Page Import tool allows users to import pages built outside of Checkout Champ using a live URL.

Undo and Redo

Undo and Redo allow you to easily remove or add changes back as you are editing.

Help

By selecting the ' ? ' you can easily access the Checkout Champ Knowledge base articles, like this one!

Clear Canvas

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.

Absolute/Relative

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.

Light/Dark Mode

The Light/Dark Mode switch allows you to change the Funnel Builder color scheme based on your preference.

Preview

By selecting the eye, you can Preview your page as you are building to check your progress.

Save

Save your changes as you work in the Page Builder.

Cart

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.

PreviousPage Builder NextDevice View Changer

Last updated 20 days ago