Order Confirmation and Thank You Scripts

Order Confirmation Email

When customers purchase the Order Protection product we want to present them with an easy way to file a claim. This will only show up when Order Protection has been purchased. If you use Shopify email to send this notification, follow the steps below.

1. Go to Settings > Notifications > Order confirmation
2. Click "Edit Code" in the top right corner
3. Locate "<table class="row footer">" toward the bottom of the file.
4. Above this code paste the following
   

   {% comment %}
   Order Protection
   {% endcomment %}
   {% assign op_purchased = false %}
   
   {% for line in subtotal_line_items %}
   {% if line.product.title %}
   {% assign line_title = line.product.title %}
   {% else %}
   {% assign line_title = line.title %}
   {% endif %}
   
   {% if line_title == 'Order Protection' %}
   {% assign op_purchased = true %}
   {% endif %}
   {% endfor %}
   
   {% if op_purchased %}
   <table class="row order_protection">
   <tbody>
   <tr>
   <td>
   <table class="container">
   <tr>
   <td>
   <center>
   <table class="row">
   <tbody>
   <tr>
   <td>
   <h2 style="text-align: center; margin-bottom: 30px;">Issues with your order?</h2>
   <p style="text-align: center; margin-bottom: 30px;">Luckily, you purchased Order Protection! Submit a claim to quickly resolve lost, damaged, stolen, or wrong item issues with your order. Once approved, you will receive a refund or reshipment at no additional cost.</p>
   <table class="row actions">
   <tbody>
   <tr>
   <td class="actions__cell">
   <table class="button main-action-cell">
   <tbody>
   <tr>
   <td class="button__cell">
   <a href="https://claims.orderprotection.com/" class="button__text">FILE A CLAIM</a>
   </td>
   </tr>
   </tbody>
   </table>
   </td>
   </tr>
   </tbody>
   </table>
   </td>
   </tr>
   </tbody>
   </table>
   </center>
   </td>
   </tr>
   </table>
   </td>
   </tr>
   </tbody>
   </table>
   {% endif %}

5. Click Actions > Preview to verify it looks as expected. If the sample order used does not contain the Order Protection item you can remove the following code above to test:

   {% if op_purchased %}
   {% endif %}

Below is a preview of the order confirmation email widget:

If you are using another email provider such as Klaviyo to send order confirmation, please use the drag & drop editor to add a block that contains the text above linking to:https://claims.orderprotection.com

Thank You Page

Post-purchase your customers can easily resolve a shipping issue by adding the following code into your Settings > Checkout > and scroll to see Order status page.

Paste the below code into the box beneath any existing scripts.

<!-- Begin Order Protection Thank You Widget -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
<script src="https://order-protection-thank-you.s3.us-west-1.amazonaws.com/post-purchase-with-cancel.min.js"></script>
<script src="https://order-protection-thank-you.s3.us-west-1.amazonaws.com/post-purchase-without-cancel.min.js"></script>
<script>
let orderId = '{{order_id}}';
let orderNumber = '{{order_number}}';
let customerEmail = '{{customer.email}}';

 {% for line in checkout.line_items %}
  {% if line.vendor == 'Order Protection' %}
   {% if first_time_accessed %}
     getOrderProtectionWithCancel(orderId, orderNumber, customerEmail);
   {% else %}
     getOrderProtectionWithoutCancel(orderId, orderNumber, customerEmail);
   {% endif %}
  {% endif %}
 {% endfor %}
</script>
<!-- End Order Protection Thank You Widget -->