How do I change the Preorder button's colour, text or size? (Essent Preorder Back in Stock app)

By default the Preorder button copies your theme's Add to cart style. You can change most of it yourself in the campaign.

Change it in the app

• Text: campaign → Design tab → Preorder button → Button text (for example "Reserve yours now").
• Colours: in the same section, switch the style from Default to Custom, then set a single colour or gradient background and the text colour. Use a valid hex code such as #000000.
• Font: turn on Use your theme fonts to match your store.

Width, shape, spacing and alignment

The Preorder button has no app setting for width, corner radius or spacing. Either ask support (free, we match it to your theme) or add CSS to your theme targeting [data-essential-preorder-element="button"].

The Notify me button has its own style settings: Back in Stock campaign → Button tab → Custom lets you set colours, border, corner radius and text size. For spacing, target [data-essential-preorder-element="back-in-stock-button"] with CSS.

Full guide: Style the Preorder button, badge and price.