[Archived] - Component: Product Select (Smart Checkout)

This article will cover the Product Select Component from the Smart Checkout Settings. These features will help you stylize the “Product Select” section from the Checkout element.

Requirements:

• An active ClickFunnels 2.0 account
• A Funnel Page
• A Payments AI connected
• At Least One Product Added to Your Funnel

Table of Contents:

• Products
• Product Select Headline
• Product Select
• Supported Elements

Products:

This feature allows you to set a featured product from your Product List. Click the checkmark button to the right of the product you want to edit.

Once you have selected a featured product, click the Edit button next to it to change its style.

• Product Image. You can toggle it to hide or display the product image.
• BG Color. Changes the background color of the featured product box.
• Text Color. Changes the text color of the featured product box.
• Border Color. Change the border color of the featured product box.
• Highlight Text. You can define a caption text for the featured product.
• Highlight Text Color. Changes the Highlight text color.

Back to Top

Product Select Headline:

The Product Select Headline section allows you to edit or remove the headline for the Product Select Section of your Checkout element.

Toggle the switch ON or OFF to show or hide the Headline.

You can change the Headline Text by changing the default value from the Input field.

Back to Top

Product Select:

You can change the Product Select boxes style from Classic, Modern, and Grid. 

Toggle the switch ON or OFF to show or hide the Product Select section of your Checkout. This feature could be beneficial if you only have one product for this particular checkout and don’t require your customers to select from a list.

Select a style for your product list. This will affect the style of your product list, and the style effect applied when you select a product from the list.

Additionally, you can customize the Product Select box in depth by clicking on the Advanced Settings button.

• Headline Size. Changes the font size from the product names displayed under the Product list.
• Description. Changes the font size of the product description displayed under the Product list.
• Image Size. Changes the size of the product images displayed under the Product list. The image size is limited to 50% of the product card.

Back to Top

Supported Elements:

This component can be found in the following Elements: 

• Order Element: Smart Checkout

Back to Top