Articles on: Features

Sticky Total Price Bar: A Complete Guide

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.




Uses Cases, Benefits & Features



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.

Available Styles



Collapsible Floating Bar Style (Style 1):

Space-saving design that expands on click
All payment and action buttons readily available when expanded
Ideal for mobile-friendly designs

Style 1

Classic Total Bar Style (Style 2):

Clean, full-width design showing total price and tax information
Prominent display of payment options
Perfect for straightforward pricing displays

Style 2


How to Activate & Use This Feature




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



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



Choose your preferred style (Classic or Collapsible)
Set the Sticky Total Price Bar Style from the dropdown menu




Settings & Options





Select background color for the sticky bar
Choose text color to match your branding
Configure expand button background (for Collapsible style)
Set visibility options for mobile devices
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 Features

Need Support?



Ask a question or request support
Request a feature or give feedback




Updated on: 23/10/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!