View Categories

Pre-order data-attributes

< 1 min read

While most customizations are handled through the PreProduct app, you can add special pre-order data-attributes to your PreProduct tagged buttons or snippet for custom functionality.

Specify a pre-order ready button (should be combined with a data-id or data-starting-id)
data-native-pre-order-btn
Specify pre-order button wording
data-native-pre-order-btn="Pre-order me :)"
Take pre-orders like a product page from any page
data-headless="true"
Specify the starting variant for the button
data-starting-variant="123"
Specify a different redirect location (only compatible with the cart redirects)
data-cart-redirect-url="/fancy-thank-you-page"

Specify the isolated pre-order cart area
data-native-cart-pre-order-cta-container
Specify that a button should work in quick-buy mode when on pre-order
data-quick-pre-order
Specify the shop domain (useful for local host testing)
data-domain="mystore.myshopify.com"
Treat this buttons product like it's on a product page
data-primary-native-pre-order-btn
Set the quantity to add when on pre-order
data-pre-order-quant="2"

Powered by BetterDocs

Pre-sell With PreProduct

7 day free trial with all plans