How to Install AfterShip Protection on Your Shopify Store?
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.
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.
Go to your Shopify store’s Theme section > Click Action > Duplicate
The duplicate theme will show as "Copy of ..." in Theme library like this:
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">
Click the Save button and then check the Preview to verify the widget is working as expected
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>
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.
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.
For any help, please contact our support team 👍
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.
For any help, please contact our support team 👍
Updated on: 25/01/2023
Thank you!