How to Customize Customer Center in the Page Editor

Customizing the Customer Center in ClickFunnels allows you to create a personalized and branded experience for your customers. When you click the Customize button in the Customer Center settings, the page editor opens. By using the page editor, you can add various sections, rows, and elements, giving you the flexibility to create a layout that suits your brand. If you choose to use the system’s default Customer Center, you can skip this customization step.

Screenshot of the customer center page.

Below are the steps and elements to consider when customizing your Customer Center.


Requirements

  • An active ClickFunnels account


Customizing Customer Center in the Page Editor

  1. From the left-hand menu, click on the Site app.

  2. Select Customer Center to open the Customer Center settings.

  3. Click the Customize button.

    Customize Customer Center

    NOTE

    The Customize button only appears when you toggle on Custom “Theme” Dashboard option.

  4. The page editor will open, where you can start customizing your Customer Center.


Using Sections and Rows

Sections and Rows are the fundamental building blocks of your Customer Center. They help organize your content and structure the layout efficiently. Here’s how to use them:

  • Sections: Large green containers that hold rows. You can add multiple sections to your page, and each section can contain several rows.

    Adding Section

  • Rows: Blue containers that hold columns and elements. Each row can include multiple columns and elements, allowing for flexible and dynamic content arrangement.

    Adding Row


Adding Elements

Elements are the individual components you add to your rows. ClickFunnels offers a variety of elements to enhance your Customer Center. Here are some key elements within the COLLECTIONS category that you should consider:

Adding Elements

NOTE

The elements highlighted here are just a few examples from the extensive elements library available in ClickFunnels. The potential for customizing your Customer Center with various elements is vast and can be tailored to fit your specific business needs and design preferences.

  1. Collections Element:

    Collections Element

    • Courses Element: The Courses element displays the courses available to your users, allowing them to browse and enroll in new courses directly from the Customer Center. This element is ideal for showcasing educational content or training programs, making courses easily accessible to your customers.

    • Granted Assets Element: The Granted Assets element displays digital downloads available to users, such as eBooks, PDFs, videos, or any other digital resources you provide. This element helps provide users with easy access to downloadable resources, perfect for distributing supplementary materials or exclusive content.

    • Products Element: The Products element showcases your product offerings within the Customer Center, allowing users to view product details and make purchases directly. This element is essential for e-commerce businesses or any service provider with a catalog of products, effectively displaying your products to customers.

    • Blog Posts Element: The Blog Posts element displays your latest blog posts, allowing users to read and engage with your content directly from the Customer Center. This element is perfect for businesses that regularly update their blog with valuable information and insights.

  2. Contact Profile Element:

    Contact Profile Element

    • A special element that automatically generates the contact’s profile when they log in.

    • Displays personalized information for each user.


Saving and Previewing Your Customizations

After making your customizations, remember to save your changes. You can preview the Customer Center to see how it looks to your customers. This step ensures that everything is set up correctly and provides a seamless user experience.

Preview Page Editing


Using the Dynamic Customer Center Default Page

The Customer Center dynamically displays content based on the user’s access permissions, ensuring that customers are presented with the most relevant content upon logging in:

  • Customers with access to the Community will see the Community page as the default view.

  • If a customer does not have access to the Community but does have access to Courses, the Courses page will appear first.

  • When customers have access to both Community and Courses, the Community page will load by default.

To enable this dynamic display, ensure that the “Custom “Theme” Dashboard” feature is toggled off in the “Customer Center” settings. The system will then automatically determine which page is most appropriate to show based on each customer’s permissions.


Related Articles