What is OrderProtection?
Turn your shipping problems into profit. Reduce CS tickets, get free 24/7 support for your customers, and boost profits with shipping protection.
Why OrderProtection + Tapcart?
Reduced shipping claim resolution time by 84% by offering order protection all while improving the customer experience. Relieve your customer service teams from working with carriers directly and partner with OrderProtection.
How to Connect OrderProtection + Tapcart?
To set up the OrderProtection Integration:
Integrations are available to all Tapcart Enterprise customers and all OrderProtection customers. For more information on OrderProtection, check out their website.
Steps
Navigate to your Tapcart dashboard
Select 'App Studio' and click 'Cart'
Under 'Custom Blocks' select 'Launch Blocks Editor' and call it Order Protection
Select, ‘Edit’ and then launch the editor that will bring up your HTML, CSS, and JS tabs.
Populate the following within each tab:
HTML
<script src="https://cdn.orderprotection.com/widget/tapcart/latest/orderprotection.js"></script>
<div id="op-wrapper">
<div id="order-protection">
</div>
</div>
CSS
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import"https://cdn.orderprotection.com/widget/tapcart/latest/style.css";
#op-wrapper {
margin: 0 1rem;
}
JS
Replace
orderprotection.myshopify.comwith{your store name}.myshopify.comlet attachInterval = null
const timer = setInterval(() => {
if (window.Tapcart.isInitialized) {
const widget = OrderP.createWidget({
store_url: "orderprotection.myshopify.com"
})
attachInterval = setInterval(() => {
widget.ui.attach()
}, 1000)
clearInterval(timer)
}
}, 100)
In the right navigation under 'Settings', scroll 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.
Hit 'Save' 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.
Next, navigate to 'Settings' in the top right corner and complete the following:
In the 'Store Settings' toggle off 'Quick Add Products'
In 'Cart & Checkout' toggle off 'Navigate customers to checkout'
Then select 'Save & Update' at the bottom of the screen
Once that's completed navigate to your Shopify dashboard and go to 'Products'
Then select 'Search and Filter' (CTRL/CMD + F)
Select 'Product Vendor' and click 'Order Protection'
Once filtered, click on 'Order Protection' and click on the three dots in the right navigation
From here you'll see the publishing section where you can manage the sales channel
Make sure Online Store, Tapcart - Mobile App, and Checkout Blocks are checked and then hit 'Done'.
Finally, navigate back to your Tapcart dashboard
In the left navigation 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' and you're all set!
Pro Tip: You can select 'preview your app' in the top right-hand corner to view how this will work within the app.
How OrderProtection Works
Once set up, Order Protection will be added to all cart instances within your mobile app.
Customers will be able to file/edit claims per your normal store settings once an order confirmation email has been sent.
More Questions
If you have any questions about enabling the OrderProtection custom block, you should contact your in-house developer or agency partner.
If your developer or agency partner needs further guidance, information, or resources, please contact our team at [email protected].