Floating Itemized List (Detailed List View): A Complete Guide

Created by Mike B, Modified on Sat, 13 Apr at 7:07 PM by Génesis Gómez

Introduction

Add an itemized list (detailed list) anywhere on your page to give your users a visual representation of their quote.





Benefits, Features & Use Cases


The instant total summary allows your users to keep their attention on completing the calculator form without having to travel to any other screen.


Benefits

  • Floating List - Add the detailed list to a sticky sidebar to make it float as the user scrolls down the page.
  • Increase Conversions - As your visitors are not distracted by other screens, they can focus on completing the form.
  • Enhanced Transparency - Allows customers to see a breakdown of costs directly on the page, increasing trust and understanding.


Use cases

  • Service Quotations: Ideal for service-based businesses to display detailed quotes, enhancing clarity for both service providers and clients.
  • E-Commerce: Retailers can leverage this for showing detailed cart summaries, improving checkout transparency.
  • Consultations and Bookings: Professionals in consulting or booking services can use it to detail service costs, taxes, and applicable discounts in an easily accessible format.



What It Looks Like




How to Activate & Use This Feature

Settings


Add this shortcode anywhere on your page [scc_calculator-detail idvalue='1']
*Note: Change the 1 for the ID number of your calculator.



Tutorial Video





Additional Information


Related Features

• Multiple Totals

Limitations

At this moment, you cannot customize the layout of this itemized list. However, you can use CSS to style it any way you want.


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





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