Shoppers usually wait for their shipments with excitement, as there’s nothing better than getting your hands on your favorite products. But the post-purchase experience turns into an awful one when their shipment gets lost or damaged.

With AfterShip Protection, Shopify users can offer an insurance option to shoppers to enhance their overall buying experience.

👉 Give AfterShip the 'Write product' access to your Shopify store

If you have already installed the AfterShip app for your Shopify store, please grant us the 'Write product' access.

You need to provide us with some information so that we can set the initial settings to enable AfterShip Protection. Such as:

Account email/organization name

Payee(Store) address (The insurance company needs this)

Will you let customers use the app and web to file a claim? Do you want to show the widget on the ‘Thank you page’? — Customers can decide which way they prefer

If you are a Shopify Plus user, tell us whether you want to show the protection widget on a shopping cart page or checkout page

Tell us how many days you need to handle the claim and which email ID you wish to use for connecting with buyers

Tell us how you want to deal with the claim (Customers can choose a refund, store credit or a replacement, etc. You need to communicate with buyers to see which way they prefer)

Once we get the access and all the required permissions, we'll enable the AfterShip Protection for your Shopify store.

👉 Install AfterShip Protection on your Shopify store

Step 1: Create a test theme

Go to your Shopify store’s Theme section > Click Action > Duplicate

The duplicate theme will show as "Copy of ..." in Theme library like this:


Step 2: Install AfterShip Protection Widget in the shopping cart page

You need to put a code snippet in your test theme to make AfterShip Protection widget visible on the shopping cart page.

Go to your test theme, click Action > Edit Code

Select the Section folder and then look for the cart-template.liquid file

Note: The theme file can vary according to your theme.

Press Ctrl + F (For Windows) or Command + F (For Mac) and type cart-subtotal in the search box


Paste this code snippet right below <div class="cart-subtotal">

<div id="as-ins-anchor">
<script defer type='text/javascript' src='<https://widgets.automizely.com/protection/shopify/index.min.js?organization_id=>{your organization_id}&shop={your shop site}'></script>
</div>

Click the Save button and then check the Preview to verify the widget is working as expected

Step 3: Install the widget for the checkout page

Go to your test theme, click Actions > Edit code

Check the Layout folder and look for the checkout.liquid file

What if there's no checkout.liquid file?

If you do not see the checkout.liquid file, click Add a new layout

In the Add a new layout window, choose checkout from the drop-down menu

Click Create layout


Once the checkout.liquid file is created, open it

Paste this code right after </head>

<script defer type='text/javascript' src='<https://widgets.automizely.com/protection/shopify/checkout.min.js?organization_id=>{your organization_id}&shop={your shop site}'></script>
Click Save. Open the Preview of the checkout page in Google Chrome's incognito mode to verify the AfterShip Protection widget is appearing above the Continue to payment button.


Step 4: Install AfterShip Protection on a live theme

Once you are satisfied with the results on the test theme, perform all the above steps on your live theme.

Ta-da! AfterShip Protection widget is now be available on both checkout and shopping cart pages. Now, shoppers will be able to purchase AfterShip Protection to insure their orders, and they will be able to check the AfterShip Protection details on the order confirmation page, by clicking the View shipment details button of the payment confirmation email, and on the tracking page added to your Shopify store

Please note that the protection fee will be calculated based on the price of each purchased product. And the protection policy status will be 'Inactive' until the order gets shipped.
🤔 How can I remove 'AfterShip Protection' appearing as a product listing from my Shopify store?

After making the changes on a live theme, there’s a possibility that ‘AfterShip Protection’ appears as a product on your Shopify store. You can easily hide this:

Go to your Shopify store’s Collections section > Click on the Create collection button

Set collection conditions as shown in the image below and then hit the Save button


Go to your Shopify store’s Navigation section > Click on the Main menu to replace your old collection with the new one


Click Apply changes

Voilà! It’s done

For any help, please contact our chat support team 👍
Was this article helpful?
Cancel
Thank you!