Integrate Product Options with Shopify's Email Templates

This article outlines both solutions to help integrate Product Options 2.0 with Shopify's email templates.

Setup

1. Duplicate themes to create a backup copy.
2. From the Shopify admin, select Settings.
3. Select Notifications.

   

4. Under Orders, select Order confirmation.

   

5. Overwrite all of the code in the Email body with: Order confirmation.

   

6. Select Save and navigate back to the Notifications page.

   

7. Under Orders, select Abandoned checkout.

   

8. Replace this code:

   <td class="button__cell"><a href="{{ url }}" class="button__text">Items in your cart</a></td>
    </tr>
    </table>
    {% if shop.url %}
    <table class="link secondary-action-cell">
    <tr>
    <td class="link__cell"><a href="{{ shop.url }}" class="link__text"><span class='or'>or</span> Visit our store</a></td>

   

9. With this code:

   <td class="button__cell"><a href="{{ shop.url }}/cart" class="button__text">Complete your purchase</a></td>
    </tr>
    </table>
    {% if shop.url %}
    <table class="link secondary-action-cell">
    <tr>
    <td class="link__cell"><a href="{{ shop.url }}" class="link__text"><span class='or'>or</span> Visit our store</a></td>

   

10. Select Save and navigate back to the Notifications page.

    

11. Under Shipping, select Shipping confirmation.

    

12. Overwrite all of the code in the Email body with: Shipping confirmation.

    

13. Select Save and navigate back to the Notifications page.

    

14. Under Shipping, select Shipping update.

    

15. Overwrite all of the code in the Email body with: Shipping update.

    

16. Select Save.