Element Settings: Current Step Style

This article will review the Current Step Style feature inside the Checkout Steps component from the Smart Checkout element. The Current Step Style feature adds a special effect or indicator to your Checkout Steps section to identify what step you are currently looking at.  

Requirements:

• An active ClickFunnels 2.0 account
• A ClickFunnels page
• The Smart Checkout element

TABLE OF CONTENTS

• Style:
• Supported Elements:

Style:

The Style feature allows you to select between the different predefined styles we have set to add as a step indicator. This will allow you to highlight the current step we are looking at from your Smart Checkout, making it stand out from the rest of the steps and giving information to your customers about the purchase process.

You can pick any of the following effects from the Style dropdown menu:

• Arrow within. Adds an arrow end design to the background from the selected step. 

• Arrow below. Adds an indicator arrow at the bottom of the highlighted step.

• Scale up. Rises the current step, making it more prominent than the rest of the checkout steps to stand out from them.

No Arrow. This option removes any Current Step Style applied or just represents the default look of the Checkout Steps section by leaving it with no extra markers added to it.

Back to Top

Supported Elements:

This setting can be found in the following Elements: 

• Order Element: Smart Checkout 

Back to Top