How to show selected delivery method and date on Shopify order confirmation email?

To show selected delivery method and date on Shopify order confirmation email follow the below Steps

Step 1: Click on Shopify settings, click on notifications followed by customer notifications.

Step 2: Click on Order Confirmation

Step 3: Click on Edit Code

Step 4: Place the below code on anywhere you want to show it. Make sure you add it inside <table>

   <!-- Scrollengine -->
<tr>
    <td class="customer-info__item">
        <h4>Delivery Preferences</h4>
        <p>
            {% if attributes["DELIVERY_METHOD"] %}
            <div style="display:flex; gap:10px;"> Delivery Method : {{ attributes["DELIVERY_METHOD"] }} </div>
            {% else %}
            <div style="display:flex; gap:10px;"> Delivery Method : </div>
            {% endif %}
        </p>

        <p>
            {% if attributes["STORE_LOCATION"] %}
            <div style="display:flex; gap:10px;"> Store : {{ attributes["STORE_LOCATION"] }} </div>
            {% else %}
            <div style="display:flex; gap:10px;"> Store : </div>
            {% endif %}
        </p>

        <p>
            {% if attributes["DATE"] %}
            {% assign date_parts = attributes["DATE"] | split: "-" %}
            <div style="display:flex; gap:10px;"> Date : {{ date_parts[2] }}/{{ date_parts[1] }}/{{ date_parts[0] }} </div>
            {% else %}
            <div style="display:flex; gap:10px;"> Date : </div>
            {% endif %}
        </p>

        <p>
            {% if attributes["SLOT"] %}
            {% assign time_parts = attributes["SLOT"] | split: " " %}
            {% assign start_time = time_parts[0] %}
            {% assign start_period = time_parts[1] %}
            {% assign end_time = time_parts[3] %}
            {% assign end_period = time_parts[4] %}
            
            {% comment %} Convert start time to 24-hour format {% endcomment %}
            {% assign start_hour_min = start_time | split: ":" %}
            {% assign start_hour = start_hour_min[0] | plus: 0 %}
            {% if start_period == "PM" and start_hour != 12 %}
                {% assign start_hour = start_hour | plus: 12 %}
            {% elsif start_period == "AM" and start_hour == 12 %}
                {% assign start_hour = 0 %}
            {% endif %}
            {% assign start_time_24h = start_hour | append: ":" | append: start_hour_min[1] %}
            
            {% comment %} Convert end time to 24-hour format {% endcomment %}
            {% assign end_hour_min = end_time | split: ":" %}
            {% assign end_hour = end_hour_min[0] | plus: 0 %}
            {% if end_period == "PM" and end_hour != 12 %}
                {% assign end_hour = end_hour | plus: 12 %}
            {% elsif end_period == "AM" and end_hour == 12 %}
                {% assign end_hour = 0 %}
            {% endif %}
            {% assign end_time_24h = end_hour | append: ":" | append: end_hour_min[1] %}
            
            <div style="display:flex; gap:10px;"> Time Slot : {{ start_time_24h }} - {{ end_time_24h }} </div>
            {% else %}
            <div style="display:flex; gap:10px;"> Time Slot : </div>
            {% endif %}
        </p>
    </td>
</tr>
<!-- Scrollengine -->

Then just preview and save it.

If you are still facing any issue, please contact support.

Updated on: 05/09/2025