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.
Api Key Generation
Click on the key button on your organization page to generate an apikey and apisecret.
Integrate the Chat Widget
To integrate the Chat Widget into your application, follow these steps:
- Include the Chat Widget script in your HTML file:
<script src="https://snwolley.ai/static/js/chat-widget.min.js"></script>
- Initialize the Chat Widget with your configuration:
window.initSnowlleyChat({
headerTitle: 'Akushika', //name of the assistant
statusText: 'Online', //current availability status
headerBackgroundColor: '#000000',
headerTextColor: '#FFFFFF',
logoImage: 'assets/img/akushika.gif',
toggleButtonImage: 'assets/img/akushika.gif',
welcomeMessage: 'Welcome to the Bank of Ghana! I am Akushika, the official support assistant for the Bank of Ghana. How may I assist you today? Whether you have questions, need assistance with services, or wish to lodge a complaint, I am here to help. Simply type your query, and I will guide you through the process', // first message to be displayed to the user
userMessageBgColor: '#000000', // the user's message bubble background color
userMessageColor: '#FFFFFF', // the user's message bubble text color
botMessageBgColor: '#FFFFFF', // the bot's message bubble background color
botMessageColor: '#494949', // the bot's message bubble text color
width: '500px', // the width of the widget
height: '500px', // the height of the widget
agent: '13', // the agent id
apiKey: process.env.MY_API_KEY
});
Contact Us
If you have any questions, please contact us at ai@npontu.com