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: