Quickstart
Get up and running with the Chat Widget in a few minutes.
Create an account
Please visit here to create an account. Upgrade your subscription and create an organization.
Agent Creation
Create an agent using the agents button on the organization page. Give your agent simple and concise instructions. Pass the agent id to the chat widget options.
Integrate the Chat Widget
To integrate the Chat Widget into your application, follow these steps:
- Include the Chat Widget script in your HTML file:
javascript
<script src="https://snwolley.ai/static/js/chat-widget.min.js"></script>
- Initialize the Chat Widget with your configuration:
javascript
const chatWidget = new ChatWidget({
apiUrl: 'https://snwolley.ai/api/v1/stream', // required
apiKey: process.env.CHAT_WIDGET_API_KEY, // required
apiSecret: process.env.CHAT_WIDGET_API_SECRET, // required
botImage: 'https://your-bot-image-url.com/image.png',
widgetColor: '#4CAF50',
chatBackground: '#ffffff',
userMessageBgColor: '#4CAF50',
userMessageColor: '#FFFFFF',
botMessageBgColor: '#f0f0f0',
botMessageColor: '#333',
typingColor: '#ffffff',
welcomeMessage: 'To get started, send a message. We\'re here to help 24x7.',
assistantName: 'Araba',
fontFamily: 'Poppins, sans-serif',
agent: '1', // required
width: '600px',
height: '500px'
});
Contact Us
If you have any questions, please contact us at ai@npontu.com