Element Settings: Order Bump

In this article, we will explore the Order Bump settings and the various options offered. Utilize this setting to easily customize the appearance of your order bump within the checkout element.

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

• Font Family:
• Bump BG:
• Bump Border:
• Bump Headline:
• Bump Active BG:
• Bump Active Text:
• Bump Active Headline:
• Checkbox BG:
• Checkbox Border:
• Supported Elements:

Font Family:

The Font Family setting lets you choose your preferred font style for the order bump’s title. Click the button next to “Font Family,” then choose the font style that you want.

Example:

Back to Top

Bump BG:

The Bump BG is a setting used to change the background color of the order bump cards. Click the color bar next to “Bump BG,” then choose your preferred background color.

Example:

Back to Top

Bump Border:

Adjust the border color of the order bump’s card with the Bump Border setting. Click the color bar next to “Bump Border,” then choose your desired border color.

Example:

Back to Top

Bump Headline:

The Bump Headline setting lets you change the font color of the order bump’s headline. Click the color bar next to “Bump Headline,” then choose your preferred headline color.

Example:

Back to Top

Bump Active BG:

The Bump Active BG is a setting that allows you to change the background color of the active (selected) order bump. Click the color bar next to “Bump Active BG,” then choose your preferred background color.

Example:

Back to Top

Bump Active Text:

Change the Font Color of the active text using Bump Active Text. This setting shows after selecting an order bump. Click the color bar next to “Bump Active Text,” then choose your desired font color.

Example:

Back to Top

Bump Active Headline:

The Bump Active Headline is a setting that lets you change the font color of the active order bump’s headline. Click the color bar next to “Bump Active Headline,” then choose your preferred font color.

Example:

Back to Top

Checkbox BG:

Change the background color of the order bump’s checkboxes with Checkbox BG. Click the color bar next to “Checkbox BG,” then choose your desired background color.

Example:

Back to Top

Checkbox Border:

Adjust the check and checkbox’s border with the Checkbox Border setting. Click the color bar next to “Checkbox Border,” then choose your preferred border color.

Example:

Back to Top

Supported Elements:

This setting can be found in the following Elements: 

• Checkout (Legacy)

Back to Top