Mobile UI Improvements for E-commerce Stores
The CRM has released a series of user interface enhancements specifically for mobile viewing of your E-commerce store. These updates are designed to provide a more consistent, responsive, and user-friendly shopping experience on smartphones and tablets.
Overview
These improvements are automatically applied to all E-commerce stores and require no setup or configuration on your part. The updates focus on optimizing the most important parts of the customer journey, including browsing products, viewing reviews, managing the cart, completing checkout, and viewing the post-purchase confirmation page.
Product Browsing Enhancements
The way customers browse your products on a mobile device has been streamlined.
- Product Ratings Display: To reduce visual clutter, product ratings are now shown as a single star icon accompanied by the numerical rating count, displayed directly on the product images.
- Improved Sort and Filter: The interface for sorting and filtering products has been redesigned with a cleaner, more intuitive layout. The price filter, in particular, has been adjusted to display correctly on smaller screens, eliminating previous issues where content would overflow.
Reviews Experience
The process of reading and writing reviews is now more seamless on mobile.
- Write a Review Modal: The pop-up window for submitting a review has been updated for better clarity and ease of use.
- Dropdown Display Fix: A previous issue where dropdown menus in the "Create Review" section would overflow the screen has been resolved. All options are now fully visible and selectable.
Cart and Checkout Improvements
The final steps of the purchasing process have been refined for mobile users.
- Cart Drawer and Cart Page: The layout of the cart has been improved to make key information more visible, including product details, subscription terms, and any error messages.
- Checkout Page Enhancements:
- The order summary section now uses an accordion-style design, allowing customers to expand or collapse the details of their purchase.
- The field for entering a coupon code has been repositioned to be more prominent alongside the subtotal, shipping costs, taxes, and final total.
Post-Purchase Page
The thank you page that customers see after completing a purchase has been reorganized. The new layout improves clarity, making it easier for customers to find important information like their order confirmation details.
Important Notes
- These enhancements are active on all E-commerce stores.
- The changes are specific to the mobile view of your store.
- No action is required from you to enable these updates.