Enable Enhanced Checkout on BigCommerce

Table of Contents

• Overview
• Getting Started
• Enabling the Enhanced Checkout in BigCommerce
• Suggested Post-installation Actions
• Hiding SHQUPDATEHASH on the Signup Form
• Hiding SHQUPDATEHASH on the Account Address Editor Page
• Hiding SHQUPDATEHASH in Order Emails
• Optional Post-install Checks
• Troubleshooting
• Rates Not Returning and Seeing Pulsing Dots
• Normal Presentation without Enhanced Checkout
• Theming BigCommerce Checkout

Overview

Enable Enhanced Checkout on BigCommerce to provide a better shopping experience. This feature allows customers to select pickup or delivery dates, offers in-store pickup options with map and store info, and updates your overall checkout experience. 😊

💡 This feature is currently in Beta and available only to ShipperHQ Enterprise customers. Please note that split checkout, freight accessorial selectors, address type selector, and custom carrier fields are not supported at this time.

Getting Started

Contact ShipperHQ to gain access to the ShipperHQ Plus App for BigCommerce, offering exclusive features and services for Enterprise customers.

Enabling the Enhanced Checkout in BigCommerce

After installing the ShipperHQ Plus App, follow these steps:

1. Add a custom address field using BigCommerce instructions:

    

   • Visit Settings > Advanced > Account Signup Form
   • Select the "Address Fields" tab
   • Choose Text Field type and name it SHQ_UPDATE_HASH

   

2. In the ShipperHQ Plus app, go to Advanced Features, scroll down, and toggle the Enhanced Checkout feature to "Active".

    

   

   The Enhanced Checkout will install automatically into the checkout process. It typically takes around 5 minutes for the rating system to switch over.

3. Once the Enhanced Checkout feature has been enabled, navigate to the Settings section. Within this area, you will have the option to toggle between version 1 (v1) and version 2 (v2) of Enhanced Checkout. It is recommended that V2 is selected, and ensure that the latest Script Tag is applied.
4. Visit your BigCommerce Settings > Setup > Shipping Manager and ensure that the "Checkout Shipping Options" toggle is set to "Default".

    

   

Note: It may take up to 5 minutes for Enhanced Checkout to appear at checkout. During this time, rates might not be available.

Suggested Post-installation Actions

Hiding SHQUPDATEHASH on the Signup Form

1. Navigate to Storefront → Themes.
2. Create a copy of the active theme by clicking Advanced.
3. Edit the theme files, selecting templates/pages/auth/create-account.html.
4. Find and modify the displayed text, then save and apply your changes.

Hiding SHQUPDATEHASH on the Account Address Editor Page

1. Repeat steps above for templates/pages/account/add-address.html.
2. Modify the text accordingly and save.

Hiding SHQUPDATEHASH in Order Emails

1. Go to Marketing → Transactional Emails.
2. Edit the Order Email template, find and replace the specified code block.
3. Save changes to apply.

Optional Post-install Checks

1. Confirm Enhanced Checkout Script Installation: Go to Storefront > Script Manager and ensure the 'ShipperHQ EC' script is present.

    

   

2. Confirm Shipping Insights App Extension: In BC admin, go to Orders and check for 'View Order In ShipperHQ'.

    

   

3. Test the Checkout: Enter shipping details to ensure Enhanced Checkout is visible.

    

   

Troubleshooting

Why am I not seeing rates, the enhanced checkout view, or anything beyond loading dots?

If rates don't appear after 5 minutes, try the following:

• Clear browser cookies and cache; restart checkout.
• Ensure "Checkout Shipping Options" is set to "Default" in Settings > Shipping Manager.
• Check for shipping errors in Settings > Store Logs. If errors exist, copy the "Quote ID" and contact ShipperHQ for support.

Normal Presentation without Enhanced Checkout

Go to the SHQ+ App, edit your website under the Websites tab, and generate a new EC token in the Integrations Tab.

Theming BigCommerce Checkout

You can theme BigCommerce checkout while using ShipperHQ's Enhanced Checkout by customizing the CSS. It's advisable to consult a development agency before altering any site code. Feel free to Contact Us for agency referrals if needed.