Adding options to Shopify emails and Packing Slip template
By default, Shopify will not automatically display option selections on Shopify email templates. To display option selections in a specific email, locate the name of the template below.
The instructions below apply if Native Bundling is enabled on the Settings tab.
If Native Bundling is disabled, click here for separate instructions.
Order Confirmation Email
Directions
Follow the steps below on how to display option selections in the order confirmation emails.
1. Starting from your Shopify admin dashboard, navigate to the Settings tab, then click on Notifications.
2. Select Customer Notifications.
3. Click on the Order Confirmation email template.
4. Click Edit Code at the top right of the page.
5. Locate the following line of code (remove any unnecessary spaces at the end).
<span class="order-list__item-title component">{{ component.quantity }} × {{ component_title }}</span><br>
6. Copy and paste the following snippet after the {% endif %} line of code.
{% for p in component.properties %}
{% if p.first contains '_io_' %}
{% continue %}
{% endif %}
{% if p.last %}
{% assign name = p.first %}
{% assign value = p.last %}
{% else %}
{% assign name = p.name %}
{% assign value = p.value %}
{% endif %}
{% unless value == blank %}
<p style='margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #999;'>
{{ name }}:
{% if p.last contains '//uploadery.s3' %}
<a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
{% else %}
{{ value }}
{% endif %}
</p>
{% endunless %}
{% endfor %}<br>
7. Locate the following line of code (remove any unnecessary spaces at the end).
{% if line.variant.title != 'Default Title'
8. Copy and paste the following snippet after the section of code.
{% for p in line.properties %}
{% if p.first contains '_io_' %}
{% continue %}
{% endif %}
{% if p.last %}
{% assign name = p.first %}
{% assign value = p.last %}
{% else %}
{% assign name = p.name %}
{% assign value = p.value %}
{% endif %}
{% unless value == blank %}
<p style='margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #999;'>
{{ name }}:
{% if p.last contains '//uploadery.s3' %}
<a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
{% else %}
{{ value }}
{% endif %}
</p>
{% endunless %}
{% endfor %}<br>
9. Click the Save button at the top of the page.
Packing slip template
Directions
Follow the steps below on how to display option selections in the Packing slip template.
1. Navigate into Settings of your Shopify admin.
2. Click on Shipping and delivery.
3. Locate the Packing Slip template and click on it to edit.
4. Copy the following code snippet.
{% if line_item.properties != blank %}
<span class="line-item-description-line">
{% for p in line_item.properties %}
{% if p.first contains '_io_' %}
{% continue %}
{% endif %}
{% unless p.last == blank %}
{{p.first}}: {{ p.last }}<br />
{% endunless %}
{% endfor %}
</span>
{% endif %}<br>
5. Paste the code that you just copied underneath the following code.
{% if line_item.sku != blank %}
<span class="line-item-description-line">
{{ line_item.sku }}
</span>
{% endif %}
6. Click the Save button at the top of the page.
New Order Email
Directions
Follow the steps below on how to display option selections in the new order emails.
1. Make sure that you have notifications enabled. Please see this article to see how to enable that.
2. Starting from your Shopify admin dashboard, navigate to the Settings tab, then click on Notifications.
3. Select Staff Notifications.
4. Click on the New Order email template.
4. Locate the following line of code (remove any unnecessary spaces at the end).
<span class="order-list__item-title component">{{ component.quantity }} × {{ component_title }}</span><br>
5. Copy and paste the following snippet after the {% endif %} section of code.
{% for p in component.properties %}
{% if p.first contains '_io_' %}
{% continue %}
{% endif %}
{% if p.last %}
{% assign name = p.first %}
{% assign value = p.last %}
{% else %}
{% assign name = p.name %}
{% assign value = p.value %}
{% endif %}
{% unless value == blank %}
<p style='margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #999;'>
{{ name }}:
{% if p.last contains '//uploadery.s3' %}
<a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
{% else %}
{{ value }}
{% endif %}
</p>
{% endunless %}
{% endfor %}<br>
6. Click the Save button at the top of the page.
Shipping Confirmation Email
Directions
Follow the steps below to display option selections in the shipping confirmation emails.
1. Starting from your Shopify admin dashboard, navigate to the Settings, then click on Notifications.
2. Select Customer Notifications then click on the link for the Shipping Confirmation email.
3. Locate the following line of code (remove any unnecessary spaces at the end).
<span class="order-list__item-variant">Part of: {{ group.display_title }}</span><br/><br>
4. Copy and paste the following snippet after the section of code that ends with {% endif %}.
{% for p in line.line_item.properties %}
{% if p.first contains '_io_' %}
{% continue %}
{% endif %}
{% if p.last %}
{% assign name = p.first %}
{% assign value = p.last %}
{% else %}
{% assign name = p.name %}
{% assign value = p.value %}
{% endif %}
{% unless value == blank %}
<p style='margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #999;'>
{{ name }}:
{% if p.last contains '//uploadery.s3' %}
<a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
{% else %}
{{ value }}
{% endif %}
</p>
{% endunless %}
{% endfor %}
5. Click the Save button at the top of the page.
Fulfillment request Email
Directions
Follow the instructions below to display option selections in the fulfillment request emails.
1. Starting from your Shopify admin dashboard, navigate to the Settings tab, then click on Notifications.
2. Click on the link for the Fulfillment request notification template, then select edit code.
3. Locate the following line of code (remove any unnecessary spaces at the end).
<p>Variant Title: {{ line.line_item.title }}</p><br>
4. Copy and paste the following snippet after it.
{% for p in line.line_item.properties %}
{% if p.first contains '_io_' %}
{% continue %}
{% endif %}
{% if p.last %}
{% assign name = p.first %}
{% assign value = p.last %}
{% else %}
{% assign name = p.name %}
{% assign value = p.value %}
{% endif %}
{% unless value == blank %}
<p>
{{ name }}:
{% if p.last contains '//uploadery.s3' %}
<a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
{% else %}
{{ value }}
{% endif %}
</p>
{% endunless %}
{% endfor %}<br>
5. Click the Save button at the top of the page.
Abandoned checkout Email
Directions
Follow the steps below to display option selections in the abandoned checkout emails.
1. Starting from your Shopify admin dashboard, navigate to the Settings tab, click on Notifications, then Customer notifications.
2. Search for the Order exceptions section and select the Abandoned checkout template.
3. Select the Edit code button at the top right.
4. Locate the following line of code (remove any unnecessary spaces at the end).
{% if line.variant.title != 'Default Title'
5. Copy and paste the following snippet after the section of code.
{% for p in line.properties %}
{% if p.first contains '_io_' %}
{% continue %}
{% endif %}
{% if p.last %}
{% assign name = p.first %}
{% assign value = p.last %}
{% else %}
{% assign name = p.name %}
{% assign value = p.value %}
{% endif %}
{% unless value == blank %}
<p style='margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #999;'>
{{ name }}:
{% if p.last contains '//uploadery.s3' %}
<a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
{% else %}
{{ value }}
{% endif %}
</p>
{% endunless %}
{% endfor %}<br>
6. Click the Save button at the top of the page.