Integrate Product Options with Shopify's Email Templates

• Product Options
• 2.0
• Basic Liquid knowledge required
• 10 Minutes

Overview

Shopify has slightly different background code depending on whether the email template falls under the "Order" heading or under the "Shipping/Fulfillment" heading, so we have two similar code blocks that you can use.

Steps

To update these email templates, please follow these steps:

1. Duplicate themes, to create a backup copy.
2. From Shopify's admin, select Settings. 

   

3. Select Notifications.
4. Select Order confirmation.
5. Replace all code with: Order confirmation.

   

6. Select Save.
7. Select Abandoned checkout.
8. Replace this code:

   <td class="button__cell"><a href="{{ url }}" 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>

   

9. With this code:

   <td class="button__cell"><a href="{{ shop.url }}/cart" class="button__text">Complete your purchase</a></td>
    </tr>
    </table&gt
    {% 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.
11. Select Shipping confirmation.
12. Replace all code with: Shipping confirmation.

    

13. Select Save.
14. Select Shipping update.
15. Replace all code with: Shipping update.
16. Select Save.
17. Under "Templates", select New order.

    

18. Replace all code with: New order notification.
19. Select Save.