Chatbot Comparison

FeatureStandard (iframe)Bubble
DisplayFixed frameFloating button
Space usagePermanent spaceMinimal until opened
VisibilityAlways visibleExpandable/Collapsible
User experienceMore formalMore casual/modern
Best forPrimary communicationQuick support access

The Chatbot is available through our CDN as a single JavaScript file or through NPM as a React and Next.js component package.

Types of Chatbot Implementation

Standard (iframe) Chatbot

The standard iframe chatbot offers a traditional chat experience with the following characteristics:

  • Appears as a fixed frame within your website
  • Typically occupies a dedicated space/area on the page
  • Always visible in its designated location
  • More formal and traditional appearance
  • Better for detailed conversations or when chat is a primary feature

This version appears as a fixed window on your page, similar to a built-in messaging system.

Bubble Chatbot

The bubble chatbot provides a modern and flexible chat experience with these features:

  • Appears as a floating button/icon (usually in bottom corner)
  • Expands only when clicked
  • Less intrusive and saves space
  • More modern and mobile-friendly
  • Better for supplementary customer support

This version appears as a small floating button that expands into a chat window when needed.

Choosing the Right Implementation

Consider your specific needs when choosing between the two implementations:

Use CaseRecommended Implementation
Primary customer service toolStandard (iframe)
Supplementary supportBubble
Limited website spaceBubble
Formal business communicationStandard (iframe)
Mobile-first designBubble

for more information on the chatbot reference, please refer to the chatbot reference page.