InstaAgents Embed React

React library to display InstaAgents chatbot on your website

Install

npm install instaagents-embed instaagents-embed-react

or

yarn add instaagents-embed instaagents-embed-react

Import

Full Page Chat

import { FullPageChat } from 'instaagents-embed-react'

const App = () => {
    return <FullPageChat chatflowid='your-chatflow-id' apiHost='http://localhost:3000' />
}

Popup Chat

import { BubbleChat } from 'instaagents-embed-react'

const App = () => {
    return <BubbleChat chatflowid='your-chatflow-id' apiHost='http://localhost:3000' />
}

Configuration

You can customize the chatbot with theme options:

import { BubbleChat } from 'instaagents-embed-react'

const App = () => {
    return (
        <BubbleChat
            chatflowid='your-chatflow-id'
            apiHost='http://localhost:3000'
            theme={{
                button: {
                    backgroundColor: '#3B81F6',
                    right: 20,
                    bottom: 20,
                    size: 48,
                    iconColor: 'white'
                },
                chatWindow: {
                    showTitle: true,
                    title: 'My Assistant',
                    welcomeMessage: 'Hello! How can I help you?',
                    backgroundColor: '#ffffff',
                    botMessage: {
                        backgroundColor: '#f7f8ff',
                        textColor: '#303235'
                    },
                    userMessage: {
                        backgroundColor: '#3B81F6',
                        textColor: '#ffffff'
                    },
                    textInput: {
                        placeholder: 'Type your question',
                        sendButtonColor: '#3B81F6'
                    },
                    footer: {
                        text: 'Powered by',
                        company: 'InstaAgents',
                        companyLink: 'https://datainsta.com'
                    }
                }
            }}
        />
    )
}

License

MIT License - InstaAgents