Trying out and testing the bot you’ve built yourself can give you a great sense of achievement. There are two ways to test and share your bot: creating a chat or using the newly launched customizable widget.
To create a chat widget in just three simple steps:
Go to the Bots section of Cody’s interface.
Select the bot you created and click on the three dots ‘⋮’ for more options.
Click on ‘Embed‘.
And voila! You have successfully created a customizable Cody Widget.
When using a Cody Widget, you have two options to share it with others: Share Link or Embed. If you don’t have a website for your business or if you’re not comfortable with modifying your website code, you can easily share the bot with your customers using the provided link.
To ensure security when using embeddable widgets, you need to whitelist the website domains where the widget will be used. This process involves adding the domains to a list of approved domains that can access the widget.
There are two types of embeddable widgets available:
Inline Embed: This type of widget will be embedded within a specified space on your website. It will occupy the necessary space as required by the widget within the defined main element.
Pop-Up Embed: This type of widget appears as a floating icon on your website. When a visitor clicks on the icon, the widget expands and opens up, allowing for interaction with the chatbot.
Both types of embeddable widgets provide different ways to integrate the Cody bot into your website, offering flexibility in terms of space utilization and user experience. You can choose the one that best suits your website design and user interaction preferences.
If you are using a site builder like Wix or Google Sites, there is a possibility that the widget may throw an exception, such as Error 404: Not Found. To solve this error, along with your website domain, you will need to add supplementary domains to the "allowed domains" section.
Supplementary domains:
Wix: *.filesusr.com
Google Sites: *.googleusercontent.com and *.gstatic.com
Squarespace: *.[your website domain]
Eg. If your website is xyz.com and it is built on Wix, your allowed domains section would look like this:
Customising the widget
Our latest feature release offers users complete freedom and customization options for widgets. This means you can tailor the widget’s appearance, behavior, and overall user experience to align with your specific requirements and branding.
Customization options include:
Header
Change the layout of header (Left or Center).
Add your business logo
Color
Title
Subtitle
Chat
Message size (Chat bubble size)
Background color of the chat
Bot
Initial Messages
Message background color
Bot Avatar
Bot Colour
Human
Suggested questions
Message background color
Composer
Placeholder message
Send button icon
Cody branding (Can be removed only in Premium and Advanced Plans)
Launcher
Size
Screen Position
Background Color (Floating button color)
Icon
Close Icon
All these customization options should make Cody more personalized and in line with your business aesthetics resulting in a much improved user-experience for your customers.
View Widget Conversation History
Under the chat tab select "Guests" to view your widget's conversation history.
