Element Settings: Compare At Price

This article will discuss the Compare At Price settings. If you have a product with a Price whose Compare At Amount field has a value, these settings allow you to customize the appearance of the values on the page. These settings are part of the Product Select component in Step 1 of a Checkout Element.

Important Note: This setting must be enabled by toggling it to the ON position.

Requirements:

• An active ClickFunnels 2.0 account
• A Page with a Checkout element
• A Funnel with the Page as a step
• A Product with a Price using Compare At Amount
• The Product attached to a Page's step in the Funnel

Table of Contents:

• Top Margin
• Top Margin Mobile
• Font Size
• Font Size Mobile
• Font Family
• Weight
• Color

Top Margin:

Control the space above the element when viewed on a desktop or laptop.

Back to Top

Top Margin Mobile:

Control the space above the element when viewed on a mobile device.

Back to Top

Font Size:

Set the text font size when viewed on a normal desktop or laptop.

Example:

Back to Top

Font Size Mobile:

Set the text font size when viewed on a mobile device. By default, this will be linked to match the Font Size. However, you can click on the chain link icon to control the two settings independently.

Back to Top

Font Family:

Choose a font to use for the text.

Example:

Back to Top

Weight:

Set the thickness of the text on the page.

Example:

• Thin
  
• Regular
  
• Semi-bold
  

Back to Top

Color:

Set the color of the text on the page.

Example:

Back to Top

Supported Elements:

This setting can be found in the following elements: 

• Component: Product Select

Back to Top