Home About Blog Terms Docs Contact

Using your native store button for pre-orders


PreProduct comes with a special pre-order button, along with accompanying wording for explaining your pre-order.
In some cases, you may prefer to use your own native store button instead and just rely on the pre-order cart to communicate your pre-order terms. You can set this up by doing the following:


Find your regular buy-now button (although this will work with any button) and add data-native-pre-order-btn within the tag. For example:


<button class=“something-great” id=“the-best-button” data-native-pre-order-btn > buy now </button


Whenever a product has an active listing, PreProduct will now hijack your buy-now button and use it to launch the pre-order cart.



By default, PreProduct will change the button’s wording to read ‘pre-order’. However, you can specify wording by adding a value to the above data attribute. For example:


<button class=“something-great” id=“the-best-button” data-native-pre-order-btn=“pre-order today" > buy now </button