After configuring your AI Agent, you now have the option to enable it as a web chatbot or a dockable widget on any website.

In the Embed tab of your AI Agent, customize its look and feel by adding the necessary elements:

  1. Upload a Logo:

    • Select and upload an image file (PNG or JPG) to represent your chatbot. This logo will help brand your chatbot and make it recognizable to users.
  2. Upload a Chat Icon:

    • Choose an image (PNG or JPG) with a minimum size of 128px to serve as the chat icon. This icon will appear when your chatbot responds to users, adding a visual cue to the interaction.
  3. Choose Button Background and Text Colors:

    • Customize the appearance of your chatbot’s buttons by selecting background and text colors. This allows you to match the chatbot’s design with your brand’s color scheme for a cohesive look.
  4. Disable the Dappier Logo*:

    • If you prefer a completely white-labeled chatbot, you have the option to disable the Dappier logo.
  5. Preview Your Chatbot:

    • After making your customizations, visit the Hosted URL provided in your AI Agent’s settings to preview your chatbot. This allows you to see how the chatbot will appear and function on your website before finalizing the changes.

By following these steps, you can ensure that your chatbot is well-branded, visually appealing, and seamlessly integrated into your website.

*Note: Disabling the Dappier logo requires a Dappier Professional Plan or higher.