Notification Toast

What this section does

Controls the visual style and behavior of all toast notifications across the store (add-to-cart, errors, success messages, etc.). Configured via the Global Layout Editor.

Where it goes

• Can be used at most 1 time(s) on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Classic

  Freeclassic

  Rounded card with icon on the left, title and description, subtle border and shadow

  Specific to this style: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur

• Minimal

  Freeminimal

  Clean look with a colored left-border accent strip, no icon container

  Specific to this style: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur

• Pill

  Page Editorpill

  Compact pill-shaped single-line toast — icon and text side by side

  Specific to this style: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur

• Bold

  Page Editorbold

  Large icon, high-contrast filled background, strong visual presence

  Specific to this style: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur

• Floating

  Page Editorfloating

  Elevated card with extra shadow and glass/backdrop-blur effect

  Specific to this style: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur

• Banner

  Page Editorbanner

  Full-width stripe at the top or bottom of the screen

  Specific to this style: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur