The PreProduct button widget will dynamically replace your ‘buy now’ button, whenever that product/variant has an active listing in PreProduct. Above the button widget is three lines of text for communicating with customers.
If you’d prefer to use your store’s regular button for pre-orders, please see this doc.
The wording of the three lines will change depending on the listing type; pre-order, discounted pre-order or crowdfunded pre-order. The dynamic content which is displayed is dictated by your listing setup. The rest of the wording can be customised in PreProduct via the Setup screen > Customise front-end > Customise wording.
For example, the ‘10%’ in the below screenshot has been dictated by the listing setup, the rest of the wording can be altered from the ‘Customise wording’ section of the setup screen.
As default, the PreProduct front-end uses black and grey for its colour scheme. This generally delivers a neutral, but legible interface. However, if you would like to change the colours, this can be done from the ‘setup’ screen in PreProduct. The ‘primary colour’ setting changes the button colour.