Skip to content
STOQHelp center
Open STOQ

Show preorder details on the order confirmation email

Add your preorder offer details to Shopify's own order confirmation email with a small template edit.

Last updated

STOQ can display preorder offer information throughout the purchase flow. To also show it in Shopify’s built-in order confirmation email, add a short snippet to that email template, since Shopify’s default template doesn’t print line-item preorder properties on its own.

Before you begin

Section titled “Before you begin”
  • Turn on preorder offer information in the purchase flow in STOQ first, so the details are attached to the order line items.
  • You’ll edit a Shopify email template, so you need admin access. This is a Liquid edit, so paste carefully.

Add the snippet

Section titled “Add the snippet”

  1. Open the order confirmation template

    In Shopify admin, go to Settings > Notifications > Customer notifications, open Order confirmation, and click Edit code.

    Shopify admin Settings Notifications page for the store Preorders-test-sneha (with a green PRE badge), showing the Sender email section with sneha@artossoftware.com and cards for Customer notifications (Notify customers about order and account events), Staff notifications, Fulfillment request notification, and Webhooks, with the Settings left sidebar listing General, Plan, Billing through Notifications and Policies; with markers: 1 on Notifications in the left sidebar, 2 on the Customer notifications card.

    Shopify admin Customer notifications page with a Customize email templates button at top right, showing the Order processing group containing Order confirmation (Sent when a customer places an order), Draft order invoice, and Shipping confirmation, and a Local pick up group with Ready for local pickup and Picked up by customer, with a plain arrow pointing at the Order confirmation row.

    Shopify admin Order confirmation notification page with Send test, Translate, and Edit code buttons at top right, showing the email Preview (Subject: Order #9999 confirmed) for Preorders-test-sneha, ORDER #9999, Thank you for your purchase! message and a blue View your order button; with markers: 1 on the Edit code button.

  2. Find the selling plan block

    Search the template for {% if line.selling_plan_allocation %}. Scroll to the third occurrence of this line.

    Shopify admin Edit Order confirmation code editor with the Email subject field reading Order {{name}} confirmed and the Email body (HTML) Liquid code scrolled to around line 956 where the highlighted line reads {% if line.selling_plan_allocation %} followed by a span with order-list__item-variant printing line.selling_plan_allocation.selling_plan.name, with the find and replace bar open at the bottom searching for {% if line.selling_plan_allocati; with markers: 1 on the find search field, 2 on the highlighted {% if line.selling_plan_allocation %} line.

  3. Insert the properties loop

    Directly below that third block, paste:

    {% if line.properties %}
      {% for property in line.properties %}
        <span class="order-list__item-variant">
          {{ property.first }}: {{ property.last }}
        </span><br/>
      {% endfor %}
    {% endif %}

    Shopify admin Edit Order confirmation code editor with an Unsaved changes bar showing Discard and Save buttons at the top, for store sneha-test-store-artos, where the Email body (HTML) code around lines 509 to 515 shows the newly pasted Liquid properties loop {% if line.properties %}, {% for property in line.properties %}, a span with order-list__item-variant printing {{ property.first }}: {{ property.last }}, then {% endfor %} and {% endif %} outlined in a box; with a plain arrow pointing at the Save button.

  4. Save

    Click Save. New preorder order confirmations now show the offer details you’ve enabled.

Check your setup

Section titled “Check your setup”

Shopify order confirmation email Order summary section showing a boxed preorder details block reading Ships: To be confirmed, Partial payment: Pay 10% upfront and the remaining will be charged when your product is shipped, and Preorder test new 11Apr25: Save Rs 0.00, ships on To be confirmed, above the line item Gift Card x 1 ($10, Preorder test new 11Apr25) at Rs. 10.00, with Subtotal Rs. 10.00, Shipping Rs. 0.00, Taxes Rs. 0.00, Total paid today Rs. 1.00, and Total due May 26, 2025 Rs. 9.00.

Place a test preorder and open the order confirmation email Shopify sends. Confirm the preorder details appear under the line item.

FAQ

Section titled “FAQ”
Nothing shows up in the email

Confirm you enabled preorder information in the purchase flow (so the properties exist on the line item), and that you inserted the snippet below the third {% if line.selling_plan_allocation %} block, not the first.

Will this change non-preorder confirmation emails?

No. The snippet only prints line-item properties, which regular products don’t carry, so those emails are unaffected.

Section titled “Related guides”
Send preorder confirmation emailsSTOQ's own preorder confirmation email.
Preorder info on packing slipsShow offer details on your packing slips too.
Was this page helpful?

Still stuck? Ask Quinn or chat with support