Since both Shopify and Experiences send out an immediate first email, you may want to include Experiences order information (line items) in your Shopify new order confirmation to your customers. This will allow booking information to be visible in both the Experiences App notification and the Shopify notification.
This code snippet can be applied to any Shopify email that includes line items and line item properties in the template. e.g. Order confirmation, Order updated, Order canceled, etc.
If you'd rather watch the video for this guide, you can do so using the video player below.
By default, Shopify's email notifications will include some line item properties. But we want to tweak that liquid code slightly to provide some customer-friendly displays of the booking information.
Once you've opened the email template editor for the email you want to customize you'll want to find the spot in the email template that displays line item properties.
This is usually located around line 215 in the default confirmation email but depending on your customizations may be in a different location. The key piece of template code that you're looking for will look like the below-pictured snippet which displays each of the line item properties. Again, your template may differ slight from the examples based on your customizations and any changes Shopify has made so the main thing to look for is the line.properties or li.properties section where the template displays the properties for each line item in the order.
Once you've located this snippet you'll want to replace it with the following snippet which will include some formatting for the date/time information and hide any line item properties that are internal and not intended for the customer.
{% unless line.properties == empty %}
<ul style="padding:0;list-style-type:none;">
{% for property in line.properties %}
{%- assign first_character_in_key = property.first | truncate: 1, '' -%}
{%- if property.last == blank or first_character_in_key == '_' -%}
{%- continue -%}
{%- endif -%}
{%- if property.first == "When" -%}
{%- assign dates = property.last | split: " to " -%}
<li class="order-list__item-variant">{{ dates.first | date: "%A, %B %d %Y at %l:%M%P" }}</li>
{%- else -%}
<li class="order-list__item-variant">{{ property.first }}: {{ property.last }}</li>
{%- endif -%}
{% endfor %}
</ul>
{% endunless %}
Every order detail is captured as a key, value pair. For example, in Experiences, we have a key of "When" with the value being the time the customer booked.
After adding the above code snippet to the body of Shopify's order confirmation template when orders are placed, the date (along with all the other line item properties) will be displayed when the email is sent to customers. You can see an example of this below.
Congrats! You've officially included experience booking information in your native Shopify email templates.
If you have any trouble or need help with anything from this tutorial, please don't hesitate to reach out to us and we'll be happy to help with this!