×

Store - How to Customize a Store

Created by Education Team, Modified on Tue, 30 Apr 2024 at 04:24 PM by Education Team

Store dashboard overview

This article provides instructions on how to customize your online store in ClickFunnels 2.0. Learn to optimize your store’s appearance and functionality to better represent your brand. You’ll find step-by-step instructions on adjusting your store’s design, layout, and specific features.

Table of Contents


Requirements

  • An active ClickFunnels 2.0 account
  • Store app in the account
  • Payments AI Configured Account

How to Access Store Overview

  1. Click the Store tab in your workspace dashboard. Learn more about adding an app to Your ClickFunnels Workspace Adding Apps to Your ClickFunnels Workspace

  2. Select Overview from the dropdown menu. This action will take you to the Store Dashboard.

Back to Top


How to Customize Store Front

A store front in ClickFunnels 2.0 is the main interface customers interact with when they visit your online store. It’s like the front of a physical shop, displaying your products and services in an attractive and organized way. By customizing your store front, you can make it reflect your brand’s style and make it easy for customers to browse and buy. This helps you create a welcoming and efficient shopping environment that enhances user experience. Understanding the features of the store front allows you to better utilize its capabilities, ensuring you get the most out of your online store setup.

  1. Add elements
    Start customizing your storefront in ClickFunnels 2.0 by adding elements like text, images, and buttons. This allows you to tailor the appearance of your store to better align with your brand’s style and improve the overall shopping experience for your customers. An image displaying elements.

  2. Add Products to Your Store Front
    1. Click on Products from the Collection tab.
      An image displaying the add New Products element.
    2. Select the specific elements you want to display for each product, such as images, descriptions, and prices.
  3. Add Product Collection to Your Store Front
    1. Click on Product Collection from the Collection tab.
    2. Select the specific elements you want to display for each product Collection, such as images, descriptions, and prices.
  4. Click on Save from the top-right corner of the Page Editor.

Back to Top


How to Customize Product Page

The product page is what customers see when they click on a product. It displays details like description, price, images, and buying options. By customizing this page, you can make it match your brand and highlight key product features. This helps customers clearly see what they’re buying and why it’s beneficial, improving their shopping experience.

  1. Click the Product page under Store front.
    An image displaying the Product page.

  2. From the Advanced options, scroll down to Products and select the elements you want to add to your products.

To include the Product Carousel element, you must first use the Smart Checkout element.

An image displaying the Product tab.

  1. To learn more about the Checkout element, refer to the article Order Element: Smart Checkout

  2. Click on Save from the top-right corner of the Page Editor.

Back to Top


How to Customize Collections Page

This page allows customers to group similar products, making it easier for customers to browse items by category, such as type, theme, or promotion.

  1. Click the Collections page under Store front.
    An image displaying the Collection page.

  2. Add elements to product listings to enhance how products are displayed.

  3. Click on Save from the top-right corner of the Page Editor.

Back to Top


How to Customize Order Confirmation Page

The checkout confirmation page is the final step in the buying process where customers review their order details. This page displays all the items they are about to purchase, the total cost, and any shipping information. It gives customers a chance to confirm everything is correct before they finalize their purchase. This helps ensure that there are no mistakes, such as incorrect items or quantities before the order is completed.

  1. Click the Order Confirmation page under Store front.
    An image displaying the Order Confirmation page.

  2. Add elements to order confirmation to provide clear information about the purchase.

  3. To learn more about the Order Confirmation element, refer to the article Order Element: Confirmation

  4. Click on Save from the top-right corner of the Page Editor.

Back to Top


Additional Information

Back to Top

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article