Integrate Product Options with Shopify's Email Templates

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

    Select Settings

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

    Replace w/ Order Confirmation Code

  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>

    Find Abandoned Cart Code

  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>

    Replace Abandoned Cart Code

  10. Select Save.
  11. Select Shipping confirmation.
  12. Replace all code with: Shipping confirmation.

    Replace Shipping Confirmation Code

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

    Select New Order

  18. Replace all code with: New order notification.
  19. Select Save.
Was this article helpful?
0 out of 0 found this helpful