Order Confirmation (email sent to customer)

To get our apps Virtual Options to show up correctly on the Order Confirmation email you will need to add some code to your email template.

How to get to New Order Notification

To top

Click here to go directly to your Order Confirmation Notification.

Try the link above first. If that doesn’t work you can get to this email notification by following the directions below.

  • Go to your Shopify dashboard
  • Select Settings (bottom left)

  • Select Notifications

  • Select Customer Notifications

  • Under Order Processing click Order Confirmation

In the Order Confirmation template click Edit code in the upper right.

How to edit Oder Confirmation Code

To top
{% if expand_bundles %}

Search for the code above in the template. The code should appear on line 277 of the template (like in the screenshot below).

Place the code below before the {% if expand_bundles %} code.

{% for p in line.properties %}
{% unless p.last == blank or p.first == '_' %}
<div class="bcpo-property">{{ p.first }}:
{% if p.last contains '/uploads/' %}
<div><img src="{{ p.last }}" style="max-width: 50px; height: auto;"></div>
{% else %}
{{ p.last }}
{% endif %}
</div>
{% endunless %}
{% endfor %}

The result will look like the screenshot below.

For testing, the Send Test Notification won’t include line item properties, so you’ll need to checkout with a product whose price and shipping costs are set to $0.
You can revert back to the default notification by scrolling to the bottom of the page and clicking Revert to Default.

Email Notifications Overview

Was this article helpful?
Dislike