# Create Pages in the Page Builder

> Learn how to create, organize, and manage multiple pages directly in the Page Builder. Build multi-page websites and funnels without leaving the editor and switch between pages with ease.

- Source: https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/create-pages-in-the-page-builder
- Section: Sites / Funnels and Websites
- Reading time: 9 min
- Images: 10, each explained below

---
Funnels & Websites

# Create Pages in the GHL Customer Care Page Builder

Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas.

What You'll Learn

This guide shows you how to create new pages, reorder page sequences, and quickly switch between pages—all from inside the GHL Customer Care Page Builder—so you can build complete funnels and websites faster with less context-switching.

You'll learn how to use the pages drawer, page selector popover, drag-and-drop reordering, and search tools to stay focused on design and conversion rather than navigation overhead.

Table of Contents

[1What is New Page Creation from Page Builder?](#section-1)

[2Key Benefits](#section-2)

[3Add New Page from Pages Drawer](#section-3)

[4Page Selector Popover on Action Bar](#section-4)

[5Drag & Drop Page Reordering](#section-5)

[6Search in Pages Drawer](#section-6)

[7How to Set Up New Page Creation from Page Builder](#section-7)

[8Related Articles](#section-8)

[9Frequently Asked Questions](#section-faq)

## 1What is New Page Creation from Page Builder?

New Page Creation from Page Builder is a Funnels & Websites enhancement that lets you create, configure, and organize pages without leaving the GHL Customer Care Page Builder. Instead of navigating back to the funnel or website settings to add or reorder pages, you can perform all page management tasks directly from the pages drawer and a page selector popover inside the editor.

This streamlined workflow is available for both funnels and websites, and pairs with existing builder improvements—like enhanced drag-and-drop layout and modern navigation menus—to make multi-page experiences faster to build and easier to manage.

The feature includes four key tools: an "Add New Page" button in the pages drawer, a page selector popover on the action bar for quick switching, drag-and-drop page reordering, and a search bar for locating pages in large projects.

## 2Key Benefits

New Page Creation from Page Builder removes friction from multi-page builds and ongoing maintenance by keeping all page management tools inside the editor.

**Faster multi-page builds** — Create new funnel steps or website pages right where you're designing, instead of backing out to the settings dashboard.

**Less context-switching** — Stay inside the builder canvas while managing page names, paths, and order, which helps you focus on layout and conversion rather than navigation overhead.

**Intuitive drag-and-drop page order** — Reorder pages with the same drag-and-drop behaviors you already use elsewhere in GHL Customer Care, making it easy to align page order with your navigation or funnel flow.

**Quick page switching** — Jump between pages from a compact page selector popover, ideal for working back and forth on headers, footers, or universal sections.

**Better scalability for large funnels and websites** — Use search directly in the pages drawer to quickly locate the right page when you're working with dozens of steps or content-heavy sites.

## 3Add New Page from Pages Drawer

The "Add New Page" option in the pages drawer is the primary way to create pages inline while you design. It keeps page creation, naming, and path configuration tightly coupled to the editing experience so you can build out full funnels and sites in one flow.

Step 1

Open your funnel or website in the builder

Go to **Sites → Funnels** or **Sites → Websites**, then click **Edit** on any page to open the Page Builder.

![Add New Page from Pages Drawer (image 1 of 10)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077809198/original/q_IphfHRK1DsRypYcEhCAg0-hN2ecIEqqQ.png)

**Add New Page from Pages Drawer (image 1 of 10)**

This screenshot appears in the "Add New Page from Pages Drawer" section of "Create Pages in the Page Builder". For context, this section explains: Funnels & Websites Create Pages in the GHL Customer Care Page Builder Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas. What You'll Learn This guide shows you how to create new pages, reorder page sequences…. This part of the guide covers 4 fields, listed below.
- Fields: Navigation Menus in the GHL Customer Care Funnel Builder, Image Slider Element for Engaging Web Design, How to Use the Color Picker for Funnels and Websites, How to Use the QR Code Element in GHL Customer Care Builder
- Controls: Faster multi-page builds, Less context-switching, Intuitive drag-and-drop page order, Quick page switching, Sites → Funnels, Sites → Websites, Edit, Pages, Add New Page, Page Name, URL Path / Slug, URL Path

Full procedure:

1. Pages drawer – Ideal for full-page management and bigger funnels.
2. Page selector popover – Perfect for quick adjustments while staying focused on the canvas.

Step 2

Open the pages drawer

In the builder, open the **Pages** drawer (typically accessible from the left or side navigation, depending on your layout).

You'll see a list of all pages or steps in the current funnel or website.

![Add New Page from Pages Drawer (image 2 of 10)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077809302/original/BUWt5LHYOqxbriKbxxx3TulaCQ2iukwDsQ.png)

**Add New Page from Pages Drawer (image 2 of 10)**

This screenshot appears in the "Add New Page from Pages Drawer" section of "Create Pages in the Page Builder". For context, this section explains: Funnels & Websites Create Pages in the GHL Customer Care Page Builder Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas. What You'll Learn This guide shows you how to create new pages, reorder page sequences…. This part of the guide covers 4 fields, listed below.
- Fields: Navigation Menus in the GHL Customer Care Funnel Builder, Image Slider Element for Engaging Web Design, How to Use the Color Picker for Funnels and Websites, How to Use the QR Code Element in GHL Customer Care Builder
- Controls: Faster multi-page builds, Less context-switching, Intuitive drag-and-drop page order, Quick page switching, Sites → Funnels, Sites → Websites, Edit, Pages, Add New Page, Page Name, URL Path / Slug, URL Path

Full procedure:

1. Pages drawer – Ideal for full-page management and bigger funnels.
2. Page selector popover – Perfect for quick adjustments while staying focused on the canvas.

Step 3

Click "Add New Page"

At the top or bottom of the pages list, click **Add New Page**. This opens a modal form so you can configure the new page without exiting the builder.

![Add New Page from Pages Drawer (image 3 of 10)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077809365/original/vuepBNxIrbugl38IOPGM4Qr9WJZ8ghoLzw.png)

**Add New Page from Pages Drawer (image 3 of 10)**

This screenshot appears in the "Add New Page from Pages Drawer" section of "Create Pages in the Page Builder". For context, this section explains: Funnels & Websites Create Pages in the GHL Customer Care Page Builder Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas. What You'll Learn This guide shows you how to create new pages, reorder page sequences…. This part of the guide covers 4 fields, listed below.
- Fields: Navigation Menus in the GHL Customer Care Funnel Builder, Image Slider Element for Engaging Web Design, How to Use the Color Picker for Funnels and Websites, How to Use the QR Code Element in GHL Customer Care Builder
- Controls: Faster multi-page builds, Less context-switching, Intuitive drag-and-drop page order, Quick page switching, Sites → Funnels, Sites → Websites, Edit, Pages, Add New Page, Page Name, URL Path / Slug, URL Path

Full procedure:

1. Pages drawer – Ideal for full-page management and bigger funnels.
2. Page selector popover – Perfect for quick adjustments while staying focused on the canvas.

Step 4

Configure the new page

**Page Name** – Enter a clear, descriptive name (e.g., "Pricing", "Thank You", "Webinar Confirmation").

**URL Path / Slug** – Define the path visitors will use (e.g., /pricing, /thank-you). Keep it short, readable, and relevant.

If the path conflicts with an existing page in that funnel or website, adjust the path to keep URLs unique.

![Add New Page from Pages Drawer (image 4 of 10)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077809692/original/h2olIuQk_joofQPaDFThIrI3XS4sQoH0bQ.png)

**Add New Page from Pages Drawer (image 4 of 10)**

This screenshot appears in the "Add New Page from Pages Drawer" section of "Create Pages in the Page Builder". For context, this section explains: Funnels & Websites Create Pages in the GHL Customer Care Page Builder Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas. What You'll Learn This guide shows you how to create new pages, reorder page sequences…. This part of the guide covers 4 fields, listed below.
- Fields: Navigation Menus in the GHL Customer Care Funnel Builder, Image Slider Element for Engaging Web Design, How to Use the Color Picker for Funnels and Websites, How to Use the QR Code Element in GHL Customer Care Builder
- Controls: Faster multi-page builds, Less context-switching, Intuitive drag-and-drop page order, Quick page switching, Sites → Funnels, Sites → Websites, Edit, Pages, Add New Page, Page Name, URL Path / Slug, URL Path

Full procedure:

1. Pages drawer – Ideal for full-page management and bigger funnels.
2. Page selector popover – Perfect for quick adjustments while staying focused on the canvas.

Step 5

Create the page

The new page appears immediately in the pages drawer list and becomes available for editing in the builder.  

![Add New Page from Pages Drawer (image 5 of 10)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077809617/original/vQqJNAkHG8mWsdgIY1Tpni-49ngO1YtF2Q.png)

**Add New Page from Pages Drawer (image 5 of 10)**

This screenshot appears in the "Add New Page from Pages Drawer" section of "Create Pages in the Page Builder". For context, this section explains: Funnels & Websites Create Pages in the GHL Customer Care Page Builder Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas. What You'll Learn This guide shows you how to create new pages, reorder page sequences…. This part of the guide covers 4 fields, listed below.
- Fields: Navigation Menus in the GHL Customer Care Funnel Builder, Image Slider Element for Engaging Web Design, How to Use the Color Picker for Funnels and Websites, How to Use the QR Code Element in GHL Customer Care Builder
- Controls: Faster multi-page builds, Less context-switching, Intuitive drag-and-drop page order, Quick page switching, Sites → Funnels, Sites → Websites, Edit, Pages, Add New Page, Page Name, URL Path / Slug, URL Path

Full procedure:

1. Pages drawer – Ideal for full-page management and bigger funnels.
2. Page selector popover – Perfect for quick adjustments while staying focused on the canvas.

Step 6

Start designing

Select the new page in the drawer to switch the canvas to that page and begin adding sections, rows, and elements.

![Add New Page from Pages Drawer (image 6 of 10)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077809784/original/rdqDSD_GmxCIHp3_UxASAA0FB1vJB4trNw.png)

**Add New Page from Pages Drawer (image 6 of 10)**

This screenshot appears in the "Add New Page from Pages Drawer" section of "Create Pages in the Page Builder". For context, this section explains: Funnels & Websites Create Pages in the GHL Customer Care Page Builder Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas. What You'll Learn This guide shows you how to create new pages, reorder page sequences…. This part of the guide covers 4 fields, listed below.
- Fields: Navigation Menus in the GHL Customer Care Funnel Builder, Image Slider Element for Engaging Web Design, How to Use the Color Picker for Funnels and Websites, How to Use the QR Code Element in GHL Customer Care Builder
- Controls: Faster multi-page builds, Less context-switching, Intuitive drag-and-drop page order, Quick page switching, Sites → Funnels, Sites → Websites, Edit, Pages, Add New Page, Page Name, URL Path / Slug, URL Path

Full procedure:

1. Pages drawer – Ideal for full-page management and bigger funnels.
2. Page selector popover – Perfect for quick adjustments while staying focused on the canvas.

Tip

Use consistent naming across funnels and websites (e.g., "Home," "About," "Services," "Contact") so it's easier to search and manage pages later.

## 4Page Selector Popover on Action Bar

The page selector popover lives in the secondary action bar and provides a compact, at-a-glance view of all pages. It's ideal when you want to switch pages quickly without opening the full drawer. This tool helps you keep your workspace clean—especially on smaller screens—while still giving you rapid access to navigation, landing pages, and other key steps.

Step 1

Locate the page selector

In the builder's secondary action bar (usually at the top), look for the current page name or a page dropdown icon.

Step 2

Open the popover

Click the page name or dropdown to open the page selector popover.

You'll see a list of all pages in the current funnel or website, often mirroring the order defined in your drawer.

![Page Selector Popover on Action Bar (image 7 of 10)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077809898/original/EY7wXDxs8t95W046iIevTUgXa4EDJ5bAsA.png)

**Page Selector Popover on Action Bar (image 7 of 10)**

This screenshot appears in the "Page Selector Popover on Action Bar" section of "Create Pages in the Page Builder". For context, this section explains: Funnels & Websites Create Pages in the GHL Customer Care Page Builder Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas. What You'll Learn This guide shows you how to create new pages, reorder page sequences…. This part of the guide covers 4 fields, listed below.
- Fields: Navigation Menus in the GHL Customer Care Funnel Builder, Image Slider Element for Engaging Web Design, How to Use the Color Picker for Funnels and Websites, How to Use the QR Code Element in GHL Customer Care Builder
- Controls: Faster multi-page builds, Less context-switching, Intuitive drag-and-drop page order, Quick page switching, Sites → Funnels, Sites → Websites, Edit, Pages, Add New Page, Page Name, URL Path / Slug, URL Path

Full procedure:

1. Pages drawer – Ideal for full-page management and bigger funnels.
2. Page selector popover – Perfect for quick adjustments while staying focused on the canvas.

Step 3

Switch between pages

Click any page in the list to instantly switch the canvas to that page.

This is especially helpful for jumping between shared components like navigation menus or footers that appear across multiple pages.

Step 4

Add a new page via inline form

Inside the popover, look for an inline new page form or an **Add New Page** option.

Enter the **Page Name** and **URL Path** directly within the popover.

Save to add the page to the funnel or website and to the list in both the popover and the pages drawer.

Step 5

Close the popover

Click outside the popover or hit the close icon to continue designing on the selected page.

Workflow Example

When building a three-step funnel (Opt-in → Sales → Thank You), keep the popover open so you can quickly bounce between steps as you adjust headlines, navigation labels, or universal sections.

## 5Drag & Drop Page Reordering

Drag-and-drop page reordering lets you intuitively organize the sequence of pages in both the pages drawer and the page selector popover. This aligns the page order with your visitor journey and your navigation menus without needing a separate configuration screen.

Where you can reorder pages

-   **Pages drawer** – Ideal for full-page management and bigger funnels.
-   **Page selector popover** – Perfect for quick adjustments while staying focused on the canvas.

Step 1

Open the pages drawer or page selector popover

Use whichever view you prefer for page management.

Step 2

Click and hold the page you want to move

Hover over the page entry until you see a drag handle (e.g., three horizontal lines) or the cursor indicates you can drag.

Step 3

Drag to the new position

Drag the page up or down the list.

Release the mouse when it's at the correct position.

![Drag & Drop Page Reordering (image 8 of 10)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077810123/original/mo6biQo_4W4XGdOdYtJgSoipyeHIwfxWwg.gif)

**Drag & Drop Page Reordering (image 8 of 10)**

This animation appears in the "Drag & Drop Page Reordering" section of "Create Pages in the Page Builder". For context, this section explains: Funnels & Websites Create Pages in the GHL Customer Care Page Builder Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas. What You'll Learn This guide shows you how to create new pages, reorder page sequences…. This part of the guide covers 4 fields, listed below.
- Fields: Navigation Menus in the GHL Customer Care Funnel Builder, Image Slider Element for Engaging Web Design, How to Use the Color Picker for Funnels and Websites, How to Use the QR Code Element in GHL Customer Care Builder
- Controls: Faster multi-page builds, Less context-switching, Intuitive drag-and-drop page order, Quick page switching, Sites → Funnels, Sites → Websites, Edit, Pages, Add New Page, Page Name, URL Path / Slug, URL Path

Full procedure:

1. Pages drawer – Ideal for full-page management and bigger funnels.
2. Page selector popover – Perfect for quick adjustments while staying focused on the canvas.

Step 4

Confirm reordering (especially for webinars)

For webinar funnels or sequences that rely on a specific order, GHL Customer Care may show a confirmation modal when you try to reorder pages.

Carefully review the warning and confirm only if you're sure reordering won't break your intended flow (for example, registration → live room → replay).

Step 5

Verify navigation

If you use a Navigation Menu element that links to pages, verify that your menu still reflects the correct order and destinations after reordering.

Important

Reordering changes page order, not URLs. The URL paths you set earlier remain the same unless you edit them separately. This helps preserve existing links and SEO while still letting you refine the visitor journey.

## 6Search in Pages Drawer

The search bar in the pages drawer is designed for users managing large funnels or content-rich websites. It allows you to quickly locate specific pages based on name (and, in many cases, URL path), so you're not scrolling endlessly to find the one you need.

Step 1

Open the pages drawer

In the builder, open the **Pages** drawer to view the page list.

Step 2

Locate the search bar

At the top of the drawer, find the **Search** input.

Step 3

Type your query

Enter part of the page name (e.g., "pricing", "webinar", "thank") or a keyword from the URL path.

The list filters in real time to show only pages that match your search query.

Step 4

Select the page

Click the desired page from the filtered list to switch the canvas to that page.

Clear the search field to return to the full list.

Best practices for searchability

-   Use clear, consistent naming when you create pages (e.g., "Webinar – Registration," "Webinar – Live Room," "Webinar – Replay").
-   If you reuse funnel patterns across multiple client accounts, adopt a standard naming convention so anyone on your team can quickly find the right page.

Ready to Build?

Set Up Your Multi-Page Workflow

Follow the step-by-step guide below to start creating pages entirely from the builder

## 7How to Set Up New Page Creation from Page Builder

New Page Creation from Page Builder is enabled by default in the Funnels & Websites Page Builder—there's no toggle to activate. What matters most is understanding how to incorporate it into your everyday build workflow so you get the biggest efficiency gains.

Step 1

Open or create a funnel or website

Navigate to **Sites → Funnels** or **Sites → Websites** in your sub-account.

Open an existing funnel or website or create a new one, then click **Edit** on any step or page to launch the builder.

![How to Set Up New Page Creation from Page Builder (image 9 of 10)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077874804/original/_pCyFUSmK9jEvJeZl77iTk7WbrSfaz-MhQ.png)

**How to Set Up New Page Creation from Page Builder (image 9 of 10)**

This screenshot appears in the "How to Set Up New Page Creation from Page Builder" section of "Create Pages in the Page Builder". For context, this section explains: Funnels & Websites Create Pages in the GHL Customer Care Page Builder Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas. What You'll Learn This guide shows you how to create new pages, reorder page sequences…. This part of the guide covers 4 fields, listed below.
- Fields: Navigation Menus in the GHL Customer Care Funnel Builder, Image Slider Element for Engaging Web Design, How to Use the Color Picker for Funnels and Websites, How to Use the QR Code Element in GHL Customer Care Builder
- Controls: Faster multi-page builds, Less context-switching, Intuitive drag-and-drop page order, Quick page switching, Sites → Funnels, Sites → Websites, Edit, Pages, Add New Page, Page Name, URL Path / Slug, URL Path

Full procedure:

1. Pages drawer – Ideal for full-page management and bigger funnels.
2. Page selector popover – Perfect for quick adjustments while staying focused on the canvas.

Step 2

Plan your page structure

Decide the pages you need (e.g., Home, About, Services, Pricing, Blog, Contact or Opt-in, Sales Page, Order Form, Upsell, Thank You).

Having a clear list makes it easier to create pages in one pass.

Step 3

Create all required pages from the pages drawer

Open the **Pages** drawer.

Click **Add New Page** and configure the **Page Name** and **URL Path** for each page in your plan.

Repeat until all required pages exist in the funnel or website.

![How to Set Up New Page Creation from Page Builder (image 10 of 10)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077874943/original/Gua0LdYicQtwnOs79oMVz6V2JlvhOgA5fQ.png)

**How to Set Up New Page Creation from Page Builder (image 10 of 10)**

This screenshot appears in the "How to Set Up New Page Creation from Page Builder" section of "Create Pages in the Page Builder". For context, this section explains: Funnels & Websites Create Pages in the GHL Customer Care Page Builder Build multi-page funnels and websites without leaving the editor—create, organize, and switch between pages directly from the builder canvas. What You'll Learn This guide shows you how to create new pages, reorder page sequences…. This part of the guide covers 4 fields, listed below.
- Fields: Navigation Menus in the GHL Customer Care Funnel Builder, Image Slider Element for Engaging Web Design, How to Use the Color Picker for Funnels and Websites, How to Use the QR Code Element in GHL Customer Care Builder
- Controls: Faster multi-page builds, Less context-switching, Intuitive drag-and-drop page order, Quick page switching, Sites → Funnels, Sites → Websites, Edit, Pages, Add New Page, Page Name, URL Path / Slug, URL Path

Full procedure:

1. Pages drawer – Ideal for full-page management and bigger funnels.
2. Page selector popover – Perfect for quick adjustments while staying focused on the canvas.

 sTEP 4

Organize page order via drag and drop

From the pages drawer or page selector popover, drag and drop pages into the correct sequence.

Confirm any modals that appear, especially in webinar funnels, only when you're sure of the new order.

Step 5

Switch pages quickly while designing

Use the page selector popover to move between pages as you:

-   Reuse navigation menus that link to multiple pages.
-   Maintain consistent branding (colors, fonts, sections).
-   Apply universal or global sections across pages (e.g., header, footer).

Step 6

Use search for large builds

For big projects (membership funnels, webinar ecosystems, large websites), rely on the search bar in the pages drawer to jump straight to the page you need instead of scrolling.

Step 7

Publish and test the full flow

After designing, preview key journeys (e.g., from opt-in to thank you) and verify:

-   Navigation menus route to the correct pages.
-   Page order aligns with your conversion path.
-   URLs and internal links (buttons, menus, QR codes) point to the correct destinations.

## 8Related Articles

-   [Navigation Menus in the GHL Customer Care Funnel Builder](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/navigation-menus-in-the-ghl-customer-care-funnel-builder)
-   [Image Slider Element for Engaging Web Design](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/image-slider-element-for-engaging-web-design)
-   [Drag and Drop with Auto-Hierarchical Layout in Funnel & Website Builder](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/drag-and-drop-with-auto-hierarchical-layout-in-funnel-website-builder)
-   [How to Use the Color Picker for Funnels and Websites](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/how-to-use-the-color-picker-for-funnels-websites)
-   [How to Use the QR Code Element in GHL Customer Care Builder](https://docs.ghlcustomercare.com/docs/sites/funnel-and-website-builder/qr-code-element-in-page-builder)
-   [Converting Funnels and Websites with the New Import Feature 9](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/converting-funnels-and-websites-with-the-new-import-feature)

## Frequently Asked Questions

Q: Does New Page Creation from Page Builder work for both funnels and websites?

Yes. The enhanced page creation, page selector popover, drag-and-drop reordering, and search all apply to both Funnels and Websites in the GHL Customer Care Funnels & Websites builder.

Q: Can I still add or manage pages from the main Funnels or Websites settings screen?

Yes. The traditional page management interface in the funnel or website settings still works. This new in-builder creation is

---

Documentation for GHL Customer Care. Support: support@ghlcustomercare.com