Cognigy Named a Leader in January 2022 Gartner® Magic Quadrant ™ for Enterprise Conversational AI Platforms! Download the report
Easy-to-use platform even for non-techies
Understand what your customers say in any language
Connect to your digital ecosystem with free Cognigy.AI Extensions
Integrate with any CRMs, ERPs, RPA, and more
Enhance customer interactions with AI on the frontline
Connect customers to the right agent on the first try
Give your agents the confidence to solve complex requests
Boost your customers’ experience and agents’ efficiency
Improve customer satisfaction with detailed insights
Engage with your customers on the platform of their choice
Drive appropriate actions with intelligent processes
Integrate easily with existing enterprise infrastructure
Increase operational efficiency and reduce agent attrition
Dive deep into the world of conversational AI
Learn everything about voice bots and virtual agents
Become an expert in Conversational AI and automation
See Conversational AI in action through demos
Explore Cognigy.AI and get support from the community
Join our mission to make Conversational AI more accessible
Find us at live conferences or virtual meetups
Help us achieve our vision with your talents and skills
Be the first to know about all the latest news
Reach out to our experts and get your questions answered
See how we help your organization secure sensitive data and comply with applicable laws and regulations.
An in-depth guide into the trusted use of AI in customer service automation
Find out everything you need to know about establishing "Explainable AI" based on the AIC4 criteria catalogue.
If you have ever started a self-service bot project, you might have hit this roadblock: Your bot is great and now you “just” want to embed it into your website.
This means facing the websites gatekeepers: Marketing, Corporate Comms and the Web teams have design standards and you will quickly learn that “…but I can adopt the colors & logo to our guidelines…” just won´t cut it. That is where the majority of the webchats on the market will fail and expensive non-planned development will start.
Cognigy already provides quite a number of options for our webchat widget, but with release 2.9.0 we have increased it to nearly 30 different parameters to tweak:
Here a quick tech overview:
We provide you two options to support your requirements:
There are just a few steps to take for making your webchat look like an alien space shuttle conversation tool. E.g.
Our tutorial below will walk through all the steps you need to get the result shown above.
Now you are ready to start the default webchat and talk to the example bot:
This starts a development server on your computer, which you can launch by opening the following address in your browser: http://localhost:8080
After clicking on the button on the right bottom corner of your screen, you should see the following. You can type in something like “hi” to test the bot:
Error! Filename not specified.
The webchat’s widget documentation gives a good overview on what CSS classes you can change: https://github.com/Cognigy/WebchatWidget/tree/master/src/webchat-ui
For this tutorial, use the example provided at the bottom of the documentation, which looks similar to this:
<style>
[data-cognigy-webchat-root].webchat-root {}
[data-cognigy-webchat-root] [data-cognigy webchat].webchat {
animation: grow 0.5s;
border-radius: 80px;
}
@keyframes grow {
0% {
height: 5.8px;
}
100% {
height: 580px;
}
}
…
</style>
Once you create a style tag and insert the example code in it and reload the page, you should see the result shown at the beginning of this blog post. If you still need anything else feel free to contact us.
Take a look at our tutorial, how to customize a Cognigy Webchat.
PS: If you got excited about using the webchat, you should also check out our blot post on webchat plugins. It takes the simple webchat to a whole new level.
https://hello.cognigy.com/news/create-amazing-chatbot-ux-with-webchat-plugins
Stay up to date with the latest Conversational AI tips and news.