AI Chatbot

What this section does

A store-wide AI assistant that answers visitors' questions about products, the store and their own orders. Configured in the Globals panel; requires the AI Chatbot plugin.

Where it goes

• Can be used at most once on one page.
• This section comes with the AI Shopping Assistant plugin.

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.

• Floating Bubble

  Freefloating-bubble

  Round launcher in a corner that opens a popover chat window

  Specific to this style: avatar, launcherLabel, greeting, suggestedPrompts, inputPlaceholder, privacyNote, chatbotId, position, offsetX, offsetY, launcherIcon, launcherSize, panelWidth, radius, accentColor, launcherBg, launcherFg, panelBg, panelFg, userBubbleBg, botBubbleBg, shadow, showUnreadDot, openTrigger, triggerAction, triggerDelaySeconds, triggerScrollPercent, inactivitySeconds, triggerSelector, teaserText, frequency, includePaths, excludePaths, deviceVisibility, visitorType, hideInApp, avatarFocal

• Side Drawer

  Freeside-drawer

  Edge tab that opens a full-height panel (a full-screen sheet on mobile)

  Specific to this style: avatar, launcherLabel, greeting, suggestedPrompts, inputPlaceholder, privacyNote, chatbotId, drawerSide, tabLabel, position, offsetX, offsetY, launcherIcon, launcherSize, panelWidth, radius, accentColor, launcherBg, launcherFg, panelBg, panelFg, userBubbleBg, botBubbleBg, shadow, showUnreadDot, openTrigger, triggerAction, triggerDelaySeconds, triggerScrollPercent, inactivitySeconds, triggerSelector, teaserText, frequency, includePaths, excludePaths, deviceVisibility, visitorType, hideInApp, avatarFocal

• Pill Launcher

  Page Editorpill-launcher

  Minimal "Ask us" pill with an avatar and a proactive teaser bubble

  Specific to this style: avatar, launcherLabel, greeting, suggestedPrompts, inputPlaceholder, privacyNote, chatbotId, position, offsetX, offsetY, launcherIcon, launcherSize, panelWidth, radius, accentColor, launcherBg, launcherFg, panelBg, panelFg, userBubbleBg, botBubbleBg, shadow, showUnreadDot, openTrigger, triggerAction, triggerDelaySeconds, triggerScrollPercent, inactivitySeconds, triggerSelector, teaserText, frequency, teaserAutoHideSeconds, includePaths, excludePaths, deviceVisibility, visitorType, hideInApp, avatarFocal

• Bottom Sheet

  Page Editorbottom-sheet

  Mobile-first bottom bar that expands into a sheet (a bottom dock on desktop)

  Specific to this style: avatar, launcherLabel, greeting, suggestedPrompts, inputPlaceholder, privacyNote, chatbotId, barText, position, offsetX, offsetY, launcherIcon, launcherSize, panelWidth, radius, accentColor, launcherBg, launcherFg, panelBg, panelFg, userBubbleBg, botBubbleBg, shadow, showUnreadDot, openTrigger, triggerAction, triggerDelaySeconds, triggerScrollPercent, inactivitySeconds, triggerSelector, teaserText, frequency, includePaths, excludePaths, deviceVisibility, visitorType, hideInApp, avatarFocal

• Concierge

  Page Editorconcierge-panel

  Large welcome panel with a hero, quick actions and suggested prompts

  Specific to this style: avatar, launcherLabel, greeting, suggestedPrompts, inputPlaceholder, privacyNote, chatbotId, heroTitle, heroImage, quickActions, position, offsetX, offsetY, launcherIcon, launcherSize, panelWidth, radius, accentColor, launcherBg, launcherFg, panelBg, panelFg, userBubbleBg, botBubbleBg, shadow, showUnreadDot, openTrigger, triggerAction, triggerDelaySeconds, triggerScrollPercent, inactivitySeconds, triggerSelector, teaserText, frequency, includePaths, excludePaths, deviceVisibility, visitorType, hideInApp, avatarFocal, heroImageFocal