Integrate Product Options with Shopify's Email Templates

Follow

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.

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

Helpful Links:

2 out of 3 found this helpful

Comments

0 comments

Please sign in to leave a comment.