Top

Integrate Product Options with Shopify's Email Templates

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.

Step 2: Update Notification Emails

  1. Duplicate themes, to create a backup copy.
  2. From "Shopify Admin", select Settings.

    select settings

  3. Select Notifications.

    select notifications

  4. Select Order confirmation.

    select order confirmation

  5. Replace all code with: Order confirmation.

    replace all 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>

    replace this 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>

    with this code

  10. Select Save.

    select save

  11. Select Shipping confirmation.

    select shipping confirmation

  12. Replace all code with: Shipping confirmation.

    replace all code

  13. Select Save.

    select save

  14. Select Shipping update.

    select shipping update

  15. Replace all code with: Shipping update.

    replace all code

  16. Select Save.

    select save

  17. Under "Order notifications", select New order.

    select new order

  18. Replace all code with: New order notification.

    replace all code

  19. Select Save.

    select save

Next Steps:

Blog Posts: