Element Settings: Component Visibility

In this article, we will discuss the Component Visibility setting. This setting is a great option to show or hide the areas of the selected element according to your preferences.

Important Note: The displayed components depend on the selected number of steps. Please review the number of steps you have chosen to show the settings correctly.

Important Note: This setting is exclusive to the selected element. Please ensure that the correct element is selected when customizing this setting.

Requirements: 

• An active ClickFunnels 2.0 account

• The selected element

Table of Contents:

• Number of Steps “1”:

  • Header:
  • Product Select:
  • Order Form:
  • Payment Method:
  • Order Bump:
  • Order Summary:
  • Terms Of Service:

• Number of Steps “2”:

  • Step 1:

  • Header:
  • Order Form:

  • Step 2:

    • Header:
    • Product Select:
    • Payment Method:
    • Order Bump:
    • Order Summary:
    • Terms Of Service:

• Number of Steps “3”:

  • Step 1:

    • Header:
    • Product Select:

  • Step 2:

    • Header:
    • Order Form:

  • Step 3:

    • Header:
    • Payment Method:
    • Order Bump:
    • Order Summary:
    • Terms Of Service:
      

Header:

The header is the top section of the checkout form, typically containing information such as the steps and section of the checkout form you are in. Click the toggle next to “header” to “hide” or “show” the title.

Example:

Back to Top

Product Select:

The Product Select section allows customers to choose the specific products they want to purchase. It provides a user-friendly interface for selecting items and specifying quantities before proceeding with the order. Click the toggle next to “product select” to “hide” or “show” the product.

Example:

Back to Top

Order Form:

The Order Form is the main section where customers input their details, including shipping information, contact details, and any other necessary information required to process the order. Click the toggle next to “order form” to “hide” or “show” the form.

Example:

Back to Top

Payment Method:

The Payment Method section is where customers select how they want to pay for their order. It includes options like credit card, PayPal, or other payment methods. Click the toggle next to “payment method” to “hide” or “show” the available payment methods.

Example:

Back to Top

Order Bump:

The Order Bump is an additional offer or product presented to the customer during checkout. It is an opportunity for customers to add an extra item to their order before finalizing the purchase. Click the toggle next to “order bump” to “hide” or “show” the available order bump products.

Example: 

Back to Top

Order Summary:

The Order Summary concisely overviews the customer's selected items, quantities, and prices. It allows customers to review their orders before completing the purchase. Click the toggle next to “order summary” to “hide” or “show” the order’s summary.

Example:

Back to Top

Terms Of Service:

The Terms of Service section outlines the terms and conditions customers agree to when purchasing. It includes important information about policies, agreements, and any legal aspects of the transaction. Click the toggle next to “terms of service” to “hide” or “show” the terms of the order.

Example:

Back to Top

Supported Elements:

This setting can be found in the following Elements: 

• Checkout (Legacy)

Back to Top