> For the complete documentation index, see [llms.txt](https://docs.optis.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.optis.me/product-options/order/notification.md). # Notification Show your customers' selected OPTIS options directly in Shopify's own **order confirmation email**, **packing slip**, and **staff order notification** โ€” so everyone fulfilling or reading the order sees exactly what was chosen, without opening the app. * ๐Ÿ“ง Shows selected options in the order confirmation email. * ๐Ÿงพ Includes them on the packing slip for accurate order fulfillment. * ๐Ÿ”” Includes them on the staff order notification email. * โœ… Helps reduce packing errors and boosts customer confidence.
## Where to find it In the app's left menu, go to **Orders > Notification** tab. Pick a section from the list on the left: **Order confirmation email**, **Packing slip**, or **Staff notification email**.
{% hint style="info" %} This feature is included on every plan, including **Free**. {% endhint %} ## How to make it work in your store Shopify's notification templates live outside the app, so each section needs a one-time, one-line paste into the matching Shopify template. Every section already shows you the exact snippet and a **Copy** button โ€” you don't need to write any code yourself, just paste it at the marker shown. This setup involves some coding and may be a bit complex if you're not familiar with technical tasks; contact us via live chat and we'll complete it for you for free within 1 working day. ### 1. Order confirmation email {% stepper %} {% step %} #### Open the template Click the **Order Confirmation Email Template** link (opens Shopify's own template editor).
{% endstep %} {% step %} #### Paste the Store-confirm snippet Find `{{ line.variant.title }}` in the HTML Body and paste the **Store-confirm** snippet right after `{% endif %}`. {% code title="Store-confirm" %} ```liquid
{% for property in line.properties %} {%- unless property.first contains '__bss_po_' -%} {% assign bss_p_first = property.first | replace_first: '_', '' %} {{ bss_p_first }}: {{ property.last }}
{% endunless %} {% endfor %}
``` {% endcode %}
{% endstep %} {% step %} #### Paste the Store-confirm-step3 snippet Find `{{ component.quantity }}` in the HTML Body and paste the **Store-confirm-step3** snippet right after `
`. {% code title="Store-confirm-step3" %} ```liquid
{% for property in component.properties %} {%- unless property.first contains '__bss_po_' -%} {% assign bss_p_first = property.first | replace_first: '_', '' %} {{ bss_p_first }}: {{ property.last }}
{% endunless %} {% endfor %}
``` {% endcode %}
{% endstep %} {% step %} #### Save Save the template and wait 30 seconds. Done!
{% endstep %} {% endstepper %} ### 2. Packing slip {% stepper %} {% step %} #### Open the template Click the **Packing Slip Template** link.
{% endstep %} {% step %} #### Paste the Store name snippet Find `{{ line_item.sku }}` in the HTML Body and paste the **Store name** snippet right after the `

` tag.
{% code title="Store name" %} ```liquid
{% for property in line_item.properties %} {%- unless property.first contains '__bss_po_' -%} {% assign bss_p_first = property.first | replace_first: '_', '' %} {{ bss_p_first }}: {{ property.last }}
{% endunless %} {% endfor %}
``` {% endcode %} {% endstep %} {% step %} #### Save Save the template and wait 30 seconds. Done!
{% endstep %} {% endstepper %} ### 3. Staff notification email {% stepper %} {% step %} #### Open the template Click the **Staff order notification** link.
{% endstep %} {% step %} #### Paste the Staff notification snippet Find `{{ line.sku }}` in the HTML Body and paste the **Staff notification snippet** right after the `

` tag.
{% code title="Staff notification snippet" %} ```liquid
{% for property in line.properties %} {%- unless property.first contains '__bss_po_' -%} {% assign bss_p_first = property.first | replace_first: '_', '' %} {{ bss_p_first }}: {{ property.last }}
{% endunless %} {% endfor %}
``` {% endcode %} {% endstep %} {% step %} #### Paste the Store-confirm-step3 snippet after the component display Find `{{ component_display }}` in the HTML Body and paste the **Store-confirm-step3** snippet right after `
`.
{% code title="Store-confirm-step3" %} ```liquid
{% for property in component.properties %} {%- unless property.first contains '__bss_po_' -%} {% assign bss_p_first = property.first | replace_first: '_', '' %} {{ bss_p_first }}: {{ property.last }}
{% endunless %} {% endfor %}
``` {% endcode %} {% endstep %} {% step %} #### Paste the Store-confirm-step3 snippet after the component quantity Find `{{ component.quantity }}` in the HTML Body and paste the **Store-confirm-step3** snippet again, right after `{% endif %}`.
{% code title="Store-confirm-step3" %} ```liquid
{% for property in component.properties %} {%- unless property.first contains '__bss_po_' -%} {% assign bss_p_first = property.first | replace_first: '_', '' %} {{ bss_p_first }}: {{ property.last }}
{% endunless %} {% endfor %}
``` {% endcode %} {% endstep %} {% step %} #### Save Save the template and wait 30 seconds. Done!
{% endstep %} {% endstepper %} {% hint style="warning" %} **Ensure all items are fulfilled from the same location.** When using a Price add-on, all option items and the main product must come from the same location. Otherwise, the packing slip will not print the product's options. {% endhint %} ## Related guides * [Automation](/product-options/order/automation.md) โ€” automatically add order note & order tag instead of/in addition to email and packing slip * [Manage add-on (additional fee for option)](/product-options/advanced-setup/manage-add-on-additional-fee-for-option.md) * [Plans and feature availability](/product-options/getting-started/plans-and-features.md)