# 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.

## Blocks Menu 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.

--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/builder-toolbar.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.