Show preorder offer information at every step of purchase flow and admin page

Overview

STOQ allows you to display preorder offer information throughout the entire purchase flow, from the product page to the cart, checkout, thank you page, and even the Shopify admin order page. This information is shown using line item properties that are attached to the product when added to cart, ensuring customers always know they are purchasing a preorder item with clear details about payment terms and fulfillment timelines.

Understanding Line Item Properties

Line item properties are additional data fields attached to products in the cart. When enabled, STOQ automatically adds preorder information as line item properties, which then appear throughout the purchase flow and in Shopify admin.

These properties can also be used by other apps to display additional information, such as including preorder details in order confirmation emails or printing offer information on packing slips.

Available Properties

STOQ can display the following preorder information as line item properties:

• Offer Name: The name of your preorder offer (e.g., "Preorder")
• Offer Description (Disclaimer): Any disclaimer text you've configured for the offer
• Offer Fulfillment: The expected shipping date or fulfillment timeline
• Offer Payment: Payment terms including deposit amounts for partial payments
• Offer Discount: Any discount applied to the preorder
• Custom: Using the variables we provide, you can construct a custom variable.

Accessing Your Preorder Offer Settings

1. From your Shopify admin, open the STOQ app.
2. Click Preorders in the left navigation menu.
3. In Offers tab click on the offer you want to configure.
4. In your preorder offer, click Customize.

Screenshot:

Enabling Payment and Discount Display

To display payment and discount information on the product page and throughout the purchase flow:

1. In your offer customization, scroll to the Payment section.
2. Enable the checkbox for Show payment & discount savings.
3. Click Save to apply your changes.

When enabled, customers will see payment terms and any applicable discounts on the product page, in the cart, at checkout, and on the thank you page.

Screenshot:

Enabling Fulfillment Timeline Display

To display the expected shipping or fulfillment date:

1. In your offer customization, scroll to the Shipping section.
2. Enable the checkbox for Show fulfillment timeline.
3. Click Save to apply your changes.

This displays the expected fulfillment date or shipping message you configured for the offer.

Screenshot:

Advanced Cart Settings

The Advanced settings section gives you the options to enable the cart attributes (line item properties). You can also create custom cart attributes with your own messaging.

Accessing Advanced Settings

1. In your offer customization, scroll to the bottom of the page.
2. Click on Advanced to expand the advanced settings section.

Screenshot:

Cart Display Options

Under the Cart heading in Advanced settings, you'll find these options:

Show Payment Details & Savings in Cart

Enable Show payment details & savings in cart to display payment information as a line item property in the cart, checkout, and order pages. This is useful when you want payment terms visible throughout the purchase flow, not just on the product page.

Show Fulfillment Timeline in Cart

Enable Show fulfillment timeline in cart to display the shipping date or fulfillment message as a line item property. This ensures customers see when to expect their order at every step.

Adding Custom Cart Attributes

For more flexibility, you can create a custom cart attribute that combines multiple pieces of information into a single message.

1. In the Advanced settings under Cart, enable Add custom cart attribute.
2. Enter your custom message in the text field that appears.
3. Use variables to dynamically insert offer information.
4. Click Save to apply your changes.

Screenshot:

Available Variables

Click Available variables to see all the variables you can use in your custom cart attribute:

Example custom attribute: {{ name }}: Save {{ discount }}, ships on {{ date }}

This would display as: "Preorder: Save 10%, ships on Dec 25, 2024"

Screenshot:

Where Preorder Information Appears

Once enabled, preorder information displays at multiple touchpoints throughout the customer journey.

Product Page

On the product page, customers see:

• Payment options and terms (if enabled)
• Discount savings (if applicable)
• Fulfillment timeline or expected shipping date

Screenshot:

Added to Cart Notification

When a customer adds a preorder product to their cart, the notification shows the line item properties you've enabled.

Screenshot:

Cart Page

In the cart, customers see line item properties displayed below the product details, including:

• Payment terms
• Fulfillment timeline
• Custom cart attributes (if configured)

Screenshot:

Checkout Page

During checkout, the same line item properties appear, ensuring customers confirm their preorder with full knowledge of the terms.

Screenshot:

Thank You Page

After completing the purchase, the thank you page displays the preorder information, confirming the order details.

Screenshot:

Shopify Admin Order Page

In your Shopify admin, the order page shows the line item properties, making it easy for you and your team to identify preorder items and their terms.

Screenshot:

Using Preorder Information in Other Apps

The line item properties added by STOQ can be accessed by other Shopify apps and customizations.

Packing Slips

You can display preorder information on packing slips by accessing the line item properties in your packing slip template. For detailed instructions, see our article on showing preorder offer information on packing slips.

Order Confirmation Emails

Include preorder details in Shopify's order confirmation emails by referencing the line item properties in your email template. This ensures customers receive all relevant preorder information in their confirmation email. For detailed instructions, see our article on showing preorder offer in order confirmation email.

Known Limitations

The preorder information display feature has some constraints to be aware of.

• Line item properties are visible to customers and cannot be hidden once added to the cart.
• Custom cart attributes have a character limit imposed by Shopify.
• Some themes may display line item properties differently; test your configuration to ensure it appears as expected.
• Third-party apps must support line item properties to display the preorder information.

Troubleshooting

If you encounter issues with preorder information display, use this guide to identify and resolve common problems.

FAQs

Here are answers to common questions about displaying preorder information in the purchase flow.

Q: Can I show different information for different preorder offers?

A: Yes, each preorder offer has its own settings for displaying information. You can configure different display options, custom cart attributes, and messaging for each offer independently.

Q: Will the preorder information appear in Shopify's order confirmation emails?

A: Line item properties are available in Shopify's email templates, but you need to customize your order confirmation email template to display them. See our article on showing preorder offer information in order confirmation emails for instructions.

Q: Can I hide the preorder information from customers but still see it in admin?

A: No, line item properties are visible throughout the purchase flow once enabled. If you only want to see the information in admin, consider using Shopify order tags or notes instead, which can be configured separately.

Q: How do I remove preorder information from orders already placed?

A: Line item properties are attached to the order at the time of purchase and cannot be removed afterward. You can only change settings for future orders by updating your offer configuration.

Q: Can I use HTML in custom cart attributes?

A: No, custom cart attributes display as plain text. HTML tags will appear as text rather than being rendered. Keep your custom messages simple and text-based.

Updated on: 13/02/2026