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

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

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.