Sticky Total Price Bar: A Complete Guide

Created by Mike B, Modified on Fri, 12 Apr at 9:30 PM by Génesis Gómez

Introduction


Dive into the innovative realm of Stylish Cost Calculator with the newly launched "Floating Total Price Bar". This feature is a game-changer for ensuring vital elements like the total price and call-to-action buttons are always in view, enhancing visibility and user engagement. With dynamic updates as choices are made, and customization options that align with your branding, the Floating Total Price Bar is a robust addition to your calculator form, ensuring a seamless experience on desktop and tablet displays. Activate with ease and witness the transformation in user interaction and conversion on your site.



Benefits, Features & Use Cases


Benefits:


  • Enhanced User Engagement: Keeps the total price and checkout options consistently in view, reducing cart abandonment and increasing conversion rates.

  • Improved Navigation: Allows users to easily review their total at any point, promoting transparency and trust in the pricing process.

  • Streamlined Design: Offers a clean, unobtrusive design element that maintains aesthetic integrity while providing functional value.


Features:

  • Dynamic Pricing Update: As users modify their selections, the bar updates instantly to reflect the new total.

  • Brand Customization: Incorporate your logo and brand colors, ensuring cohesive visual branding across the platform.

  • Adaptable CTA Buttons: Choose from different call-to-action buttons to align with various business goals, from quoting to direct purchase.



How to Activate & Use This Feature

  1. Access Calculator Settings: Click on "Calculator Settings" to explore more options.

2. Activate Sticky Bar: In the "Total Price Settings" section, activate the "Display Sticky Total Price Bar" option.



Settings & Options


  • Customize the bar's background color: the color will come from your object

  • Add your company logo: this is done in the global settings under



  • Choose which CTA buttons to display: 




Additional Information

All Elements & Features

Learn more about All Elements
Learn more about All the Features

Need Support?


Ask a question or request support

Request a feature or give feedback




Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article