AfterShip + Tapcart – Tapcart

What is AfterShip?

AfterShip is the complete post-purchase solution. Choose from a suite of tools that enhance the journey from shipment tracking to returns and all though points in between. AfterShip Protection is a shipping protection software that drives customer satisfaction through world-class protection, effortless management of claims, and giving customers peace of mind.

Why AfterShip + Tapcart?

The AfterShip + Tapcart Integration allows you to offer brands every opportunity to protect their order with ease of purchase and affordable rates. Brands can protect their order by enabling single-click protection at either cart or checkout.

How to Connect AfterShip + Tapcart?

Here’s how to set up this integration:

The integration is available to all Tapcart Enterprise customers (through Custom Blocks) and all AfterShip customers. For more information on Aftership plans, check out their pricing page.

Steps

Important Note: The integration will use the Block editor to Custom Block with SDK Version 1.5 for AfterShip Protection.

Prepare a Custom Block for the Cart page by navigating to the Tapcart dashboard
Select 'App Studio'
Choose 'Cart' and tap 'Blocks Editor'
Update the 'Custom Block' name to 'AfterShip Protection'
- Empty default HTML, CSS, JS
- Set Custom Block SDK Version to v1.5

Next, integrate AfterShip Protection by updating the following

Update HTML:

<script async type="text/javascript"
src="https://widgets.automizely.com/protection/tapcart/index.min.js?appKey=***shopify_store_id***">
</script> <aftership-protection></aftership-protection>

Replace ***shopify_store_id*** with your Shopify store ID

Update CSS:

* {

   box-sizing: border-box;

   padding: 0;

   margin: 0;

   font-family: inherit;

}

Once those steps are completed, 'Save' your Custom Block
To insert your Custom Block simply drag & drop the 'AfterShip Protection' block into the header section
Then 'Save & Update' the app and that's it! The block will be pushed live.

How Does a User Interact with AfterShip In-App?

AfterShip Protection Block has 2 interaction methods...

Toggle Button
- When a customer switches on the button, an 'AfterShip Protection' product with a matched price will be added to the cart.
- When the button is off, the 'AfterShip Protection' product will be removed from the cart.