Easily add Order Protection to your app and offer guaranteed delivery to your most loyal customers. Deploy our lightweight widget through Tapcart’s Custom Blocks, fast.

​
Installation

Before you begin, make sure you have your shopify store url handy.
1

Create Custom Block

Under App Studio, to to Cart.
Cart

Cart view inside App Studio

Under Custom Blocks, select Launch Blocks Editor and call it Order Protection.
Create custom block

Creating custom block

2

Edit block

Select, edit and then launch the editor that will bring up your HTML, CSS, and JS tabs. Populate the following within each tab
Blocks editor

Blocks editor

<script src="https://cdn.orderprotection.com/widget/tapcart/latest/orderprotection.js"></script>

<div id="op-wrapper">
  <div id="order-protection"></div>
</div>
You must replace orderprotection.myshopify.com with your actual store URL.
3

Settings

In the right navigation under Settings, scroll all the way to the bottom past the Variable Preview Values until you see the Set Custom Block SDK version section. Click the dropdown and select v1.5.
The Order Protection widget is compatible with versions v1.5 and above.
Settings

Setting the SDK version for the block

4

Save

Click Save button and you will get a prompt that says "OrderProtection custom block saved successfully!" Then click Close in the upper left hand corner to close the block settings.
5

TapCart Settings

In TapCart Settings (tab to the right of the Integrations), do the following:
1

Quick Add Products

In Store Settings toggle off Quick Add Products.
2

Quick Add Products

In Cart & Checkout toggle off Navigate customers to checkout.
3

Save & Update

At the bottom of the screen, hit the Save & Update button.
Settings
6

Shopify Settings

These next actions are done in your Shopify store.
In the left navigation of Shopify go to Products -> Search and Filter -> Product Vendor and click Order Protection.Edit CodeOnce filtered,, click on Order Protection and click on the three dots in the right navigation Publishing section to bring up a Manage sales channel flyout. Make sure Online Store, Tapcart - Mobile App, and Checkout Blocks are checked and then hit DonePaste codeClick Save.

Finally

This last action is done in the TapCart dashboard. This is the final step before TapCart goes live on your application.
Finally, under Apps, search and click Tapcart - Mobile App. In the left navigation and under the App Studio > Home toggle to Custom Block and drag the Order Protection block into the page builder to add it to your store, confirm you want to add the block and save. Then hit preview your app in the top right hand corner of the page. Add an item to the cart.

​
All Done

OrderProtection will now be added to all cart instances within your TapCart app. Customers will be able to file/edit claims per your normal store settings once an order is placed.
All Done