Gabster Widget React Library 🚀

Gabster Widget is a React component library designed to integrate Gabster AI's powerful customer service solutions into your web applications. Gabster AI offers AI-driven customer support, improving customer interactions and optimizing engagement for businesses worldwide.

Features of Gabster AI 🎉

• AI-Driven Chatbots: Customize chatbots that align with your brand, improving customer communication.
• Predictive Responses: AI-powered suggestions for quicker and smarter responses.
• Sentiment Analysis: Analyze customer emotions in real-time to tailor responses.
• Multilingual Support: Serve customers in multiple languages, enabling global reach.
• Analytics & Insights: Real-time data tracking for optimizing customer engagement.

Visit the Gabster AI Website for more information.

Installation

Install the library using npm:

npm install @atomunico/gabster-react-widget

Usage

Import the component into your React application:

import { GabsterIframe } from '@atomunico/gabster-react-widget';

function MyApp() {
  return (
      <section className="py-2">
         <div className="">
            // other code 
         </div>
         <div className="h-[500px] w-[400px]">
            // where ever you want to render your iframe 👇
            <GabsterIframe chatbotId='~chatbot id here' />
         </div>
      </section>
  );
}

export default MyApp;

Example Configuration For Iframe

• chatbotId: Pass your unique Gabster chatbot ID to the component to enable the chatbot widget on your website.

<GabsterIframe chatbotId="your-chatbot-id" />

Example Configuration For widget

• chatbotId: Pass your unique Gabster chatbot ID to the component to enable the chatbot widget on your website.

<GabsterWidget chatbotId="your-chatbot-id" />

License

This library is released under the MIT License.