Innovate - 2021

At this year's Innovate, we introduced V2 of our frontend / online ecommerce experience. If you want to view the full recording, you can do so here.


Summary

In order to upgrade to Version 2, you'll need to work with a designer to make changes to your website. You'll also need to switch to our new in-house payment solution, Commerce7 Payments. For more information, you can contact us at support@commerce7.com


Checkout

Checkout has been dramatically improved to make it easier and reduce the amount of time it takes for customers to complete a purchase.

press-frontendv2-checkout-2

  • ApplePay and GooglePay have been integrated allowing even guest customers to complete a purchase in a couple of clicks
  • AliPay and WeChat Pay payment options
  • Login is now integrated into the Checkout process
  • New "Shipping" and "Pickup" tabs on the Delivery screen (instead of the previous text link)
  • New "Review" step where customers can double check all information before completing the purchase
  • Improved display for customer saved addresses, credit cards, pickup locations that makes them easier to read and select
  • Field improvements for quicker entry
    • Product quantity now uses a dropdown and automatically saves on selection
    • First Name & Last Name have been combined into a single Full Name field
    • Zip Code/Postal Code automatically detects and auto-fills the City and State fields
    • Birth Date fields have been replaced with a simple age confirmation checkbox when they're not required by the customer's state
    • Removal of the Billing Address (fraud detection is completed in different ways to prevent unnecessary/extra fields for your customers)
    • Optional fields such as Company and Address 2 are collapsed by default to not distract from required fields
    • Credit card expiry month and year fields have been updated from dropdowns to text fields for easier entry
    • Field types are optimized for completion on mobile devices

            To learn more in depth about the changes made to checkout, you can read about them on the blog:


            Clubs & Subscriptions

            press-frontendv2-club

            • If there's an active package or it's a Subscription club, customers will be able to select which products they want as the first step in the signup process. This allows them to see the benefit of your club right away without first having to make the commitment to join. 
            • Completely revamped product selection page that makes it easier for customers to understand what's currently in their box and the minimum selection requirements
            • More visual shipment preview
            • Smart messaging letting the customer know when they can start editing their next shipment
            • Club cancellation offers. If a customer wants to cancel their club, based on the reason they provide, the system will dynamically suggest an alternative to cancelling. For example, if a customer wants to cancel because they have "Too much wine", it'll suggest that they skip their next package instead. 



            Customer Profile

            press-frontendv2-profile

            • The new customer dashboard surfaces and personalizes the display based on your customers activity.
              • If they're a brand new customer with no orders, it'll suggest they make a purchase, join a club, or book a reservation.
              • If they're a recently made a pickup order, it'll display it on the dashboard with a map of your location, letting them know that it can be picked up.
              • If they have an upcoming club shipment, it'll give them a preview of the products and remind them to make any changes before the process date.
              • If they have an event or reservation coming up, it'll remind them, letting them know when and where.
            • The account widget has been improved. Customers can now access any page in the profile directly through a new dropdown instead of having to go to the Dashboard first. There is also a new notification marker that will display when they have an alert on their account such as failed payment for their last club package or an order waiting to be picked up.
            • Enhanced order view that surfaces different information based on the status of the order. If the order is being shipped, there's a new ability to track the order in FedEx, UPS and other carriers.
            • Anywhere there is a location attached to an order, whether that's a pickup location, an event location, or a reservation location, a Google Map will display so that customers can easily see where they need to go.
            • Pages have been simplified so it's easier for customers to find what they're looking for and update their information.
            • Customers now have full control of their account with the ability to delete it. If a customer decides to delete their account, their contact record be removed, but don't worry, your orders will all stay intact.


            Payments

            We've introduced a new in-house payments solution, Commerce7 Payments, that will be a requirement for upgrading to Version 2. Our current payment solutions didn't support many of the enhancements that we wanted to bring such as GooglePay, ApplePay, and enhanced fraud protection. Commerce7 Payments is a multi-gateway solution that allows us to keep you ahead with a combination of the best technologies. (If you are outside of the US, Stripe will be the preferred solution.)

            Commerce7 is dedicated to working with you as you switch gateways. We'll be posting more about this process soon, but in the meantime you can reach out to support@commerce7.com for any questions that you have or to start the transition process.


            Reservations

            Tock has partnered with Commerce7. With the new integration, you can now view Commerce7 lifetime value, club memberships and tags all inside Tock. All Tock reservations are also viewable in Commerce7. Sign up and learn more here.

             


            Accessibility

            The entire online experience has been audited for accessibility improvements. There have been many updates made to ensure that customers can fully navigate by keyboard, elements from form fields to navigation are properly marked up, and that screen readers are able to correctly describe elements to your customers. 

            ** This includes the Commerce7 functionality and tools, but you'll want to make sure that the rest of your website is also built with accessibility in mind to ensure that you are fully compliant. 

             


            Product Merchandising

            Developers can now output raw data with a handlebar-like syntax. For example create a meta data element called Tasting Sheet - then include it like this <a href=”{{tasting-sheet-url}}”>  rather than having a tag. Learn more here

             


            Apps

            Developers can now integrate apps into the online experience on the order receipt page and customer profile dashboard + tabs. This allows you to provide a more seamless experience to your customers from start to finish.

            Developers can learn more here.