Skip to main content
Fine-tune where and how your Sensbot AI chatbot appears on your website. These settings help you integrate the chat widget seamlessly with your site’s design and avoid conflicts with other elements.

​
Widget Positioning

​
Widget Position on Page

Choose which side of the screen displays the chat bubble. Options:
  • Right (default): Most common placement, follows standard chat conventions
  • Left: Useful if you have other widgets on the right side
Considerations:
  • Right placement is familiar to most users (matches Facebook Messenger, WhatsApp Web, etc.)
  • Left placement works well if you already have:
    • Shopping cart button on the right
    • Other chat widgets or help buttons
    • Cookie consent banners that appear bottom-right
Mobile Behavior: The widget automatically adjusts for mobile screens, typically appearing as a fixed button in the corner.

​
Side Spacing (Horizontal)

Horizontal distance in pixels from the screen edge to the chat bubble. Default: 20px
Range: 0-100px
Common values:
  • 20px - Standard spacing, most common
  • 30-40px - More breathing room
  • 10px - Closer to edge for compact layouts
When to adjust:
  • Your website has edge-aligned elements
  • You want to match spacing of other floating buttons
  • Mobile optimization (consider smaller spacing for small screens)

​
Bottom Spacing (Vertical)

Vertical distance in pixels from the bottom of the screen to the chat bubble. Default: 20px
Range: 0-150px
Common values:
  • 20px - Standard positioning
  • 60-80px - When you have a sticky footer or navigation bar
  • 100+px - For sites with multiple bottom bars (cookie consent + navigation)
When to adjust:
  • You have sticky bottom navigation
  • Cookie consent banners are permanently visible
  • Other floating action buttons occupy bottom space
  • Mobile keyboard considerations

​
Display Behavior

​
Show Opened Widget (Auto-Open)

Automatically opens the chat window when visitors land on your page. Options:
  • Enabled: Chat window opens immediately (proactive)
  • Disabled: Shows only the launcher bubble (default)
When to Enable:
  • High-touch products requiring guidance (e.g., custom orders, consultations)
  • Pages specifically designed for support
  • Limited-time promotions you want to highlight immediately
When to Disable (Recommended for Most):
  • General browsing experience (less intrusive)
  • Mobile users (preserves screen space)
  • First-time visitors who need to explore first
Best Practice: Keep disabled by default. Use proactive messages instead to encourage clicks without forcing the window open.

​
Hide Chat Launcher on Mobile Scroll

Automatically hides the chat bubble when users scroll down on mobile devices. Options:
  • Enabled: Bubble disappears while scrolling, reappears when scrolling stops
  • Disabled: Bubble always visible
Benefits When Enabled:
  • Preserves screen space during reading
  • Reduces obstruction of content
  • Improves mobile UX
  • Bubble returns when user might need help
Recommendation: Enable for content-heavy sites (blogs, product pages with long descriptions).

​
Hide Chat Widget on Mobile

Completely disables the chat widget on mobile devices. Options:
  • Enabled: Chat widget doesn’t appear on mobile at all
  • Disabled: Widget available on all devices (recommended)
When to Enable:
  • You have a separate mobile app with chat
  • Mobile experience is optimized for phone support instead
  • Technical limitations on your mobile site
When to Disable (Recommended):
  • Most modern e-commerce sites
  • When mobile is significant traffic source
  • You want consistent experience across devices
Note: Most businesses should keep the widget enabled on mobile, as many customers prefer chat support on their phones.

​
Next Steps