Customizing a Theme in ClickFunnels

  • Published on Jan 3, 2025
  • 7 minute(s) read

Themes in ClickFunnels provide a streamlined way to maintain a consistent look and feel across your workspace. By customizing your theme's page templates, you can align every aspect of your site, store, blog, and more with your brand's identity. This guide explains how to use the Theme Pages editor and customize each page template to suit your needs.

Requirements

  1. An active ClickFunnels account

  2. A theme created in the workspace

Accessing the Theme Pages Editor

  1. From your ClickFunnels dashboard, navigate to Workspace Settings.

  2. Select the Themes option.

  3. On the Themes page, click the Customize Page Templates button next to the theme you want to edit.

  4. This will open the Theme Pages Editor, where you can:

    • Use the left-side navigation to preview the available page templates.

    • Use the right-side editor to modify the selected page.

Editable Page Templates

Theme template pages in ClickFunnels serve as the foundational layouts for the different sections of your workspace, including your site, store, blog, and other features. These templates dictate how content and functionality are structured and presented, ensuring a cohesive design and user experience across your platform.

Home Page Template

The Home Page is the main landing page for your site. It’s the first page visitors see and should communicate your brand’s purpose clearly while encouraging engagement. Use this page to direct visitors to key sections like your store, blog, or courses.

Learn more about how to customize the Site Home Page in the article How to Customize Your Site's Home Page.

Store Templates

Store templates define the structure of your online store. The following pages can be customized:

  • Store Front: The main page for your store, showcasing your product collections and enticing customers to explore more.
    Learn more in the article How to Display Products on the Storefront.

  • Product Page: Displays detailed information about individual products, helping customers make informed purchase decisions.
    Learn more in the article How to Customize the Store Product Page.

  • Collection Page: The Collection page allows you to present a specific collection of products in an organized and visually appealing manner, enhancing the shopping experience. You can display a product collection on this page.
    Learn more in the article How to Customize the Store Collection Page.

  • Checkout: On the Checkout page, customers complete the checkout of the products added to the cart.
    Learn more in the article How to Use Add to Cart Functionality in Your Store

  • Order Confirmation: Confirms a successful purchase, thanks the customer, and provides order details.

  • Upsell: The Upsell template page is designed to display an additional offer to customers after they complete a purchase in your store. Instead of being directed to the standard order confirmation page, customers are redirected to this page, where they can view and potentially purchase complementary products. For example, if a customer buys athletic shoes, the Upsell page could showcase matching workout apparel or accessories.
    Learn more in the article How to Create a Store Upsell in the Store App.

Blog Templates

Blog templates in ClickFunnels provide the structure and layout for showcasing your blog content in a way that keeps your audience engaged and informed. Here’s what each template does:

  • Blog Home: This serves as the main landing page for your blog. It lists recent or featured posts, providing a clear overview of your content to entice readers to explore further.

  • Blog Post: This template is used for individual blog articles. It allows you to present detailed and valuable content, complete with images, text, and links to engage your audience.

  • Blog Category: This page displays blog posts grouped under a specific category. It helps readers find content relevant to their interests, improving navigation and user experience.

  • Blog Categories Collection: This template offers an overview of all the blog categories available on your site. It acts as a directory, making it easy for readers to discover various topics and dive into their areas of interest.

Customer Center

The Customer Center template provides customers with a centralized hub to manage their interactions with your business. This page lets customers view and update their account details, check their order history, access purchased products, and manage subscriptions or memberships.

Note:

To modify and customize the Customer Center, ensure you have enabled the "Custom Theme Dashboard" option in the Customer Center Settings. For detailed instructions on setting up and managing this page, refer to the article How to Customize Customer Center in the Page Editor.

Course Templates

Course templates in ClickFunnels are essential for building and organizing your online courses. They provide the foundational pages needed to create the main course home page, organize modules, and structure individual lesson pages. These templates ensure that your course content is presented in a clear, professional, and engaging manner, helping students navigate and complete their learning journey efficiently.

  • Course Home: This is the main landing page for your courses. It provides an overview of all the available modules and lessons, allowing students to navigate their learning journey easily. Use this page to showcase course details and encourage continued engagement.

  • Module Lessons: This template organizes lessons within modules, offering a clear hierarchy and flow. Students can see the progression of their course and access individual lessons seamlessly.

  • Lesson Page: The Lesson Page template is where the actual course content is delivered. This could include videos, text, quizzes, and downloadable materials. The design ensures that content is presented to keep students focused and engaged.

Learn more about managing course templates in the article Getting Started with Courses.

Page Not Found Template

The Page Not Found template is displayed when a user tries to access a non-existent page. To minimize frustration, use this page to include helpful links or a search bar to redirect users to working pages.

Learn more in the article Customizing Your Site's 404 Page.

Coming Soon Template

The Coming Soon template informs visitors about upcoming features, products, or site launches. It’s a great way to build anticipation, collect leads, and engage your audience.

Learn more in the article Customizing Your Site's Coming Soon Page.

Customizing and Previewing Style

Preview Style

The Preview Style dropdown allows you to select different style guides in your workspace to preview how the page looks with various style configurations. This feature is useful for testing the visual consistency of your pages before finalizing your design.

Style Guide

Clicking on Style Guide opens the style guide applied to the current theme. From here, you can access, edit, and adjust styles such as fonts, colors, and spacing to ensure your theme aligns with your branding requirements.

Managing Template Pages Settings

The settings for individual template pages can be accessed by hovering over a page in the left-hand navigation and clicking the gear icon (⚙️) or Edit Page. These settings allow you to manage key aspects of the page, including its information, SEO settings, and social sharing configurations. This feature ensures each page is fully optimized and aligned with your overall site strategy.

Page Name and Description

  • Page Name: This is the internal name of the page in your workspace. It helps you identify the page but is not visible to visitors.

  • Description: Provide a short description of the page for your reference.

SEO & Sharing

  • Page Title: This title appears in search engine results and browser tabs. Use a clear and descriptive title, such as "About Us | WWM."

  • Page Description: Add a concise description (up to 160 characters) to summarize the content of your site page for search engines.

  • Page URL: Customize the URL path for your home page (e.g., /about-us).

  • Index in Search Engines: Toggle this option if you want the page to appear in search engine results and be included in your site's sitemap file. This helps with SEO and allows search engines to crawl and index the page. When enabled, search engines like Google, Bing, and others can locate your domain.

  • Sharing Image: Upload an image that appears when your page link is shared on social media.

  • Favicon Image: Add a small icon (usually 16x16 or 32x32 pixels) displayed in the browser tab. If not uploaded, Favicon from Site Settings will be used as default.

Advanced Settings

  • Style: Select a specific style for the page if you want it to differ from the site’s default style. Otherwise, leave it set to "Use Default Style." To create a style guide, go to Workspace Settings > Styles, define your styles and save the guide. Once created, you can select the style guide from the dropdown menu here to apply it to the site home page.

  • Add to Site Navigation: Enable this option if you want the page to be classified as a "Site Page" and visible under the Site Pages menu. If disabled, the page will be created as a standalone landing page and will not appear in the Site Pages menu.

After configuring these settings, click Update Page to apply the changes.

Related articles