Install the AfterShip Protection Widget on BigCommerce Store

Plans: All Plans Platforms: BigCommerce

Overview

AfterShip Protection protects your business and your customers' shipments as they fly across the globe with world-class shipping insurance. To enable AfterShip Protection on your BigCommerce store, you need to install the AfterShip Protection widget on your store. You can either connect with our support team to get the widget installed or do it yourself. This article will guide you to install the Protection widget yourself.

What you'll learn

In this article, you'll learn how to:

Install with our expert assistance
Install the widget yourself

Invite an AfterShip expert to your store

If you would like us to install it for you, Invite our expert to your store with the following steps:

Go to Account setting > User > Create a User Account



Create an account for us with the following permissions:

Email: protection@aftership.com
Psw: You can setup and tell us the psw
User Role: Custom
Sales Staff Permissions: Manager Channels
Sales Manager Permissions: Edit Channels, Manager Products
System Admin Permissions: Use Script Manager

Install the Protection widget in your BigCommerce store checkout page

If you would like to install the protection widget yourself, you can install it with the following steps:

Step 1. Check your store’s checkout page customization

Compare the screenshot below to make sure you haven't done extreme customization on their checkout page. Since our script is based on the initial checkout template, some modifications may not be compatible with our script.

If your checkout page is highly customized, you can contact us at sy.li@aftership.com for the installation assistance.

Step 2. Insert Protection widget script in your BigCommerce admin

If your store is using the general checkout page, you can insert the protection widget yourself.

Login store admin, go to Products > View > Search aftership protection, you should see AfterShip Protection as a product show up



Insert script

Go to Channel Manager > Storefronts (BigCommerce Theme) > Edit Settings



Go to Script manager > Create a script



Create a new script with the following info

Script name: AfterShip Protection
Placement: Header
Location: Checkout
Script category: Essential
Script type: Script
Script Contents:
	<script>
	  window.checkoutId = '{{checkout.id}}';
	  window.storeHash = '{{settings.store_hash}}';
	</script>
	<script async src="https://widgets.automizely.com/protection/bigcommerce/checkout.min.js"></script>

Noted: We would suggest you to choose 'Essential' Script category so that the protection widget won't be blocked by the cookies acceptance.

Step 3. Check the widget installation on checkout page

You can exclude the Protection product from coupons and discounts so that your customer can pay the correct amount of the protection. Refer to the additional resources section for more information.

Additional resources

Exclude AfterShip Protection from Store Discounts

Updated on: 15/12/2023