# Page Builder

After you drag a page type to the funnel visualizer, click on the page and then click the settings gear icon to select a template. You can choose from My Pages (pages you’ve already created), Free Pages, or Premium Pages

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FNlgnnzknfh4SvAxw9WF5%2Fcc-templates2.png?alt=media&#x26;token=b4b576e1-5e12-40bb-b68f-197475615ea0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Frm9XuwIECXdhRp3AwEsi%2FpageBuilderImage2.png?alt=media&#x26;token=27ad7d87-3386-4b50-a090-4f9f7a1fa636" alt=""><figcaption></figcaption></figure>

After you select a template, click on the page again and click the Pencil button to begin editing the page

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FHmSK2tOtxKUZATvKTYYV%2FpageBuilderImage3.png?alt=media&#x26;token=516b518a-67ed-4cd2-9244-1f3ff1a46fce" alt=""><figcaption></figcaption></figure>

### Relative Links

* [Builder Toolbar](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/builder-toolbar)
* [Style Manager](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/settings-and-styles)
* [Layer Manager](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/layer-manager)
* [Building Blocks](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/building-blocks)
* [Adding Local HTML Files](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/adding-local-html-files)


---

# 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.md?ask=<question>
```

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.