Add Delivery and Pickup Details to Shopify Email Notifications

Use Shopify's default email notifications with Nash to provide the most personalized touch and enhance the customer experience.

By including delivery or pickup dates, times, and locations in your order confirmations, you can create a more seamless and informative interaction.

Note: These customizations only apply to stores using the Nash Widget on the Cart Page.

How to Customize Notifications

For Customer Notifications

1. Navigate to Settings > Notifications > Customer Notifications > Order Confirmation.

2. Select Edit Code.

For Staff Notifications

1. Navigate to Settings > Notifications > Staff Notifications > New Order.

2. Click Edit Code.

Adding the Code

In the code editor, add the provided code snippet to display the relevant delivery or pickup details in the notifications.

<!-- Nash Section START -->
{% assign orderType = "" %}
{% assign nashWindowStart = "" %}
{% assign nashWindowEnd = "" %}
{% assign nashWindowDate = "" %}

{% for line in line_items %}
    {% for property in line.properties %}
        {% assign propertyKey = property.first %}
        {% assign propertyValues = property.last %}

        {% if propertyKey == "_nash" or propertyKey == "nash" %}
            {% assign orderType = propertyValues["orderType"] %}
          {% assign nashWindowStart = propertyValues["windowStart"] | date: "%I:%M%p" %}
            {% assign nashWindowEnd = propertyValues["windowEnd"] | date: "%I:%M%p" %}
            {% assign nashWindowDate = propertyValues["windowEnd"] | date: "%Y-%m-%d" %}
        {% endif %}
    {% endfor %}
{% endfor %}

{% if orderType == "pickup"%}
    <p>Pickup Order Information</p>
    <p>Pickup Date: {{ nashWindowDate }}</p>
    <p>Pickup Time: {{ nashWindowStart }} - {{ nashWindowEnd }}</p>
    <p>Pickup Location: {{ propertyValues["pickupLocationName"] }}</p>
{% elsif orderType == "delivery" %}
    <p>Delivery Order Information</p>
    <p>Delivery Date: {{ nashWindowDate }}</p>
    <p>Delivery Time: {{ nashWindowStart }} - {{ nashWindowEnd }}</p>
{% endif %}

<!-- Nash Section END -->

Placement and Testing

You have the flexibility to insert this code anywhere within your email template. To determine the optimal placement, we recommend running a few test orders. You can either complete multiple checkouts with Nash or duplicate an existing test order until you achieve the desired layout.

Making these small adjustments will enhance your email notifications, creating a more personalized experience for your customers and making their interactions with your store even more engaging!