Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.digifist.com/llms.txt

Use this file to discover all available pages before exploring further.

The Back-in-Stock widget is fully customizable from the Galantis dashboard. Every visual element — the subscription button, the modal that opens when a customer taps it, the form colors, and the states shown after submission — is controlled through Back-in-Stock → Settings and applied to your storefront immediately when saved. All styles are stored in BackInStockSetting as a singleton per workspace — one configuration applies across your entire storefront.

​
What these settings control

  • Button position, type, color, font, and label text
  • Modal headline and font
  • Form background and state colors (default, success, error)
  • Font sizing and spacing

​
How to access

1

Open Back-in-Stock Settings

In the Galantis dashboard, go to Back-in-Stock → Settings.
2

Adjust appearance settings

Configure the options described below.
3

Save

Changes are applied to your storefront immediately after saving — no redeployment needed.

​
Settings

Button position: Controls where the subscription button appears on the product page.
  • Right — Bottom-right corner. Default and works for most themes.
  • Left — Bottom-left corner. Use when your theme places other fixed elements at the bottom-right.
  • Custom — Precise placement using CSS offset values. Use when neither default position fits your theme layout.
Button type: Determines the visual style of the button.
  • Pre-designed — Uses Galantis’s built-in button design. Optimized for visibility and mobile tap targets.
  • Custom — Fully custom button design for stores with strict brand guidelines.
Button background color: The fill color of the subscription button. Enter a hex value. We recommend using your primary brand color or a high-contrast accent color that stands out against your product page background.
Button font: The typeface used for the button label text. Enter a font family name. The font must be loaded by your Shopify theme — the widget inherits fonts available on the page.
Button text: The CTA label displayed on the button. Keep this direct and action-oriented. Common values:
  • Notify me when available
  • Alert me when back
  • Get notified
Button font size and spacing: Controls the size of the button label text and the internal padding of the button. Adjusting these is useful when your theme’s layout makes the default button feel disproportionate.
Test button sizing on mobile. Back-in-Stock subscriptions are most commonly submitted from mobile devices — a button that looks right on desktop may have a tap target that is too small on a phone screen.

​
Best practices

  • Match button color to your brand’s primary CTA color. The Back-in-Stock button competes visually with Add to Cart — using a secondary color that is clearly distinct from your main CTA reduces the chance of customer confusion while still being visible.
  • Keep the headline text specific. “Get notified” is weaker than “We’ll message you on WhatsApp when this is back.” Customers who understand exactly what they are subscribing to convert at higher rates and are less likely to report the notification as unexpected.
  • Test all three form states before launch. Verify the success state, the error state, and the default state each display as intended on both desktop and mobile. A success state that uses your error color creates customer confusion.
  • Revisit widget design after theme updates. Shopify theme updates can shift layout elements that interact with the widget button position. Check the widget placement after any theme update that affects product page layout.
  • Use Custom button type only when necessary. Pre-designed buttons are optimized for mobile tap targets and accessibility contrast. Custom buttons require manual testing to ensure they meet the same standards.