Customize appearance

The Appearance section allows you to customize how the Back in Stock button and signup form appear on your product page.

You can adjust the button style, text, colors, spacing, and preview the design in real time.

Step 1: Click appearance

From the Back in stock Dashboard, click Appearance.


Step 2: Customize

Appearance

1. Button Tab

This tab controls how the Back in Stock trigger is displayed.


Button type

Choose how the subscription option appears on the product page:

  • Inline button Displays a button directly inside the product form area (near the Add to Cart button).

  • Float button Displays a floating button overlay on the product page.

  • Inline form Displays the full email signup form directly on the product page instead of a button.


Button Settings

Button text

Customize the text displayed on the button. Example: Remind me later


Font size

Adjust the button text size (in pixels).


Border radius

Control the roundness of the button corners.

  • 0px = square corners

  • Higher value = more rounded corners


Text color

Choose the color of the button text (HEX code supported).


Background color

Choose the background color of the button.


Vertical padding

Adjust the spacing inside the button (top and bottom).


Horizontal padding

Adjust the spacing inside the button (left and right).


2. Signup Form Tab

This tab allows you to customize the appearance of the email subscription form (when customers click the button or when Inline form is selected).

You can adjust layout, styling, and input display to match your store theme.


3. Preview Panel

On the right side, you will see a live preview of:

  • Sample product name

  • Price

  • Sold Out status

  • Back in Stock button

This preview updates automatically when you change settings, helping you visualize how it will appear on your storefront.

Last updated