Show Custom Options on New Order Notification Emails (Staff)

Show Custom Options on New Order Notification Emails (Staff)

Overview

When a customer places an order with Appify CPO options, their selections are saved with the order. By default, the staff notification email that Shopify sends to you and your team does not include these custom selections. You can update the new order notification template so your staff sees the exact options each customer chose — dimensions, materials, engraving text, or any other selections — without needing to open the order in Shopify admin.

This involves a small edit to the new order notification email template in Shopify Admin → Settings → Notifications.

Steps

Step 1: Open the New Order Notification Email Template

  1. In your Shopify admin, go to Settings → Notifications.
  2. Under Staff order notifications, find and select New order.
  3. Click Edit code to open the email template's HTML editor.

Step 2: Add the Custom Options Code

  1. Place your cursor in the Email body (HTML) editor.
  2. Use Ctrl + F (or Command + F on Mac) to open the search bar.
  3. Search for {{ component.variant.title }}. You will find multiple matches. If you have not modified this template, you should add the code to line 2356. If you have modified the template before, we suggest adding this code to every occurrence you find.
  4. Locate the closing {% endif %} tag that follows the variant title line.
  5. Paste the following code directly after that {% endif %} tag:
<!-- APPIFY CPO PROPERTIES -->
{% for property in component.properties %}
  {% assign property_first_char = property.first | slice: 0 %}
  {% if property.last != blank and property_first_char != '_' %}
    <span class="order-list__item-property">
      • {{ property.first }}: {{ property.last }}
    </span>
  {% endif %}
{% endfor %}

<style>
 td.order-list__image-cell {
   display: flex;
 }
    
 span.order-list__item-property {
     display: block;
     height: max-content;
     margin-top: 5px;
     padding-left: 1.5em;
 }
</style>
<!-- APPIFY CPO END PROPERTIES -->

If there are no results for {{ component.variant.title }}, your email template likely differs from Shopify's default version.

Step 3: Save Changes

  1. Click Save to apply your changes.
  2. Wait approximately 30 seconds for the changes to take effect.

New order notification emails sent to your staff will now display the customer's Appify CPO option selections alongside each line item.

Details

The code displays each custom option as a labeled line (e.g., "Width: 48 inches") beneath the product name in the email. Any property whose name starts with _ is hidden — including internal fields such as _data, _state, and _internal. Only the customer's actual selections are shown.

If you have customized your new order notification template significantly, the search term from Step 2 may not appear. This means your template structure differs from Shopify's default, and the code may need to be placed in a different location.

    • Related Articles

    • Show Custom Options on Packing Slips

      Overview When a customer places an order with Appify CPO options, their selections are saved with the order. By default, Shopify's packing slip template does not include these custom selections. You can update the packing slip template so your ...
    • Set up the Order Confirmation Email

      Overview Shopify’s order confirmation email shows the product name and variant. It does not show Appify CPO selections, and its built-in reorder posts only a variant id. This article adds both: The customer’s visible options under each line (Width, ...
    • Add a Reorder link on order confirmation emails

      Overview Appify CPO stores a short hidden _state id on each customized line at add-to-cart. The order confirmation email can link to a shop-domain recover page that rebuilds that configuration and adds it to the clicker’s cart. Shopify’s built-in ...
    • Set up Abandoned Checkout and Cart Emails

      Overview Shopify’s default abandoned checkout button usually points at a checkout or cart permalink. That can drop Appify CPO options. This article adds: The customer’s visible options under each product, when the editor can print line-item ...
    • Edit options from the cart

      Overview Edit options lets a customer open the published calculator from the cart, change options or the design, and update that line. New calculators have this on. Turn it off (or on for an older calculator) under Calculator Editor → Optional ...