Once a customer places an order, the customer needs to be informed about the date and time he/she has picked.

The order confirmation email can be updated by following steps.

A. Shortcut Via our App: Settings -> Notifications



B. Then look for: Edit order confirmation email




Or Via Shopify Admin: In your Shopify admin Go to Setting → Notifications → Order Confirmation




In the body of the email template insert the following code in the given sequence.

Below code you can edit as per your store language.

{% 
  ###################################
  # Below code you can edit as per your store language
  ###################################
%}

{% assign translated_method = "Delivery,Pick Up,Shipping"  | split: "," %}
{% assign translated_days = "Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday"  | split: "," %}

{% 
  ###################################
  # Don't change below code
  ###################################
%}
  
  {% assign keyValuePairs = nil %}
  {% assign Bird_flag = true %}
        
{% for line_item in line_items %}
  {% for property in line_item.properties %}
   {% if property.first == '_BirdChimeSlotId' and Bird_flag %}
      {% assign Bird_flag = false %}  
    {% assign keyValuePairs = property.last | split: ";" %}
      {% for pair in keyValuePairs %}
        {% assign keyAndValue = pair | split: "=" %}
        {% assign key = keyAndValue[0] %}
        {% assign value = keyAndValue[1] %}
        {% case key %}
          {% when 'M' %}
            {% if value == 'D' %}
            {% assign Bird_Method = translated_method[0] %}
            {% elsif value == 'P'%}
              {% assign Bird_Method = translated_method[1] %}
            {% elsif value == 'S'%}
              {% assign Bird_Method = translated_method[2] %}
            {% endif %}
          {% when 'D' %}
            {% assign Bird_Date = value %}
          {% when 'L' %}
            {% assign Bird_Location_Id = value %}
          {% when 'T' %}
            {% assign Bird_Time = value %}
        {% endcase %}
        {% assign bird_index = Bird_Date | date: "%w" | plus: 0 %}
        {% assign Bird_Day =  translated_days[bird_index] %}
      {% endfor %}
    {% endif %}
  {% endfor %}
{% endfor %}

{% if order.attributes['Delivery Method'] and keyValuePairs == nil %}
  {% if order.attributes['Delivery Method']  == 'Delivery' %}
    {% assign Bird_Method = translated_method[0] %}
  {% elsif order.attributes['Delivery Method']   == 'Pick Up'%}
    {% assign Bird_Method = translated_method[1] %}
  {% elsif order.attributes['Delivery Method']  == 'Shipping'%}
    {% assign Bird_Method = translated_method[2] %}
  {% endif %}
  {% assign Bird_Date = order.attributes['Delivery Date'] %}
  {% assign Bird_Time = order.attributes['Delivery Time'] %} 

  {% if Bird_Method == translated_method[1]  and order.attributes['Delivery Location'] %}
    {% assign BIRD_LOCATION = order.attributes['Delivery Location'] %}
  {% endif %}

  {% assign bird_index = Bird_Date | date: "%w" | plus: 0 %}
  {% assign Bird_Day =  translated_days[bird_index] %}
{% endif %}
        

{% if order.attributes['Translated Delivery Time'] %}
  {% assign Bird_Time = order.attributes['Translated Delivery Time'] %} 
{% endif %}


{% 
  ###################################
  # Below code you can edit as per your need
  ###################################
%}

{% if Bird_Method %}
  <table class="container">
    <br/>
    <tr>
      <td>
        <h4>Delivery Method</h4>
        {{ Bird_Method }}<br>
        {{ BIRD_LOCATION }}
        {% if Bird_Date %}
          <h4>Date & Time</h4>
          {{ Bird_Date | date: "%d.%m.%Y" }}
          {% if Bird_Time %}
            {{ Bird_Time }}
          {% endif %}
          {% if Bird_Date %}
            ({{ Bird_Day }})
          {% endif %}
        {% endif %}
        <br/>
      </td>
    </tr>
  </table>
{% endif %}

We recommend pasting the entire code above the Order Summary table, as shown in the example below. For English, it will be labeled as "Order Summary" but for other languages, the label may vary. You are free to place the code wherever it best suits your needs.



Below is a sample image of the order confirmation email with above template code



Change date format (Optional)

You can use one of following options to format date in your desired format in the order confirmation email.

{{ Bird_Date | date: "%d-%m-%Y" }}

{{ Bird_Date | date: "%m-%d-%Y" }}

{{ Bird_Date | date: "%Y-%m-%d" }}

{{ Bird_Date | date: "%d.%m.%Y" }}

In case of Store Pickup you should make the following change as well

Open the Order Confirmation Email Code:

Locate {% case delivery_method %} in the email code somewhere around line 15-24.

{% if order.attributes['Delivery Method'] == 'Shipping' %}
          We're getting your order ready to be shipped. We will notify you when it has been sent.
{% elsif order.attributes['Delivery Method'] == 'Delivery' %}
          We're getting your order ready to be delivered. We will notify you when it has been sent.
{% else %}
          Your pickup order has been received.
{% endif %}

Replace the selected text on the below screenshot with the above code snippet:





Below is a sample image of the "Pickup order has been received email" with above template code

Need Help?

If you are facing issues with the setup like the slot picker not appearing or the slots not working as per your requirement. We provide setup assistance for free. Please ping us via in-app chat bubble or mail us at support@birdchime.com for setup assistance.

Related Document: Add Date/Time in packaging slip or invoice.

Updated on: 10/28/2024