Integrate Product Options with Shopify's Email Templates

Follow

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.

To update these email templates, please follow these steps:

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

    Note: This option is located in the bottom left corner of your Shopify admin.

    Select Settings

  3. Select Notifications.

    Select Notifications

  4. Select Order confirmation.

    Select Order Confirmation

  5. Replace all code with: Order confirmation.

    Replace w/ Order Confirmation Code

  6. Select Save.

    Select Save

  7. Select Abandoned checkout.

    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.

    Select Save

  11. Select Shipping confirmation.

    Select Shipping Confirmation

  12. Replace all code with: Shipping confirmation.

    Replace Shipping Confirmation Code

  13. Select Save.

    Select Save

  14. Select Shipping update.

    Select Shipping Update

  15. Replace all code with: Shipping update.

    Replace Shipping Update Code

  16. Select Save.

    Select Save

  17. Under "Templates", select New order.

    Select New Order

  18. Replace all code with: New order notification.

    Replace New Order Code

  19. Select Save.

    Select Save

That's it!

Next Steps:

Blog Posts:

2 out of 3 found this helpful

Comments

0 comments

Please sign in to leave a comment.