Builder Toolbar

Owned by Developer Support (Unlicensed)
Last updated: Jan 13, 2023 by Tyler Martorano
4 min read

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.

1 Help | 2 Show Hidden Layers | 3 Toggle Scrollbar | 4 View Components | 5 Preview | 6 Undo and Redo | 7 Clear Canvas | 8 View Code | 9 Import | 10 Popup | 11 Save | 12 Stickybar | 13 Light/Dark Mode

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.

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.

 

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:

Dark Mode:

Light Mode: