Integrate our Chat Widget into your Website

There are two ways for integrating the chat widget

  1. Via JavaScript Header Script

  2. Via iFrame

Integration via JavaScript Header Script

To add a chat bubble to the bottom right of your website add this script tag to your HTML. Replace customerName with the appropriate abbreviation. The chat bubble will be injected in the lower right corner of the page. Options for adapting styling will be supported soon.

<script> window.embeddedAmberAIChatWidgetConfig = { domain: "https://customerName.ambersearch.de" } </script> <script src="https://customerName.ambersearch.de/chat-widget/js/chat.js"></script>

Integration via iFrame

The iFrame integration offers higher flexibility for the end-to-end integration. Depending on your requirements, you can either build the chat bubble according to the styles and layout of your website or place the iframe statically in your website.

<iframe src="https://customerName.ambersearch.de/amberaiwidget" title="amberAI Chatbot" style="height: 100%; width: 100%" frameborder="0"></iframe>

Integrate a specific agent via iFrame

Instead of the general chat widget, you can also embed a specific agent so the iFrame uses exactly that agent and its configured sources, rather than the general search.

To do this:

  1. Go to your agent, click the three dots and copy the share link.

  2. Append /chat to the end of that link.

  3. Use this URL as the src of your iFrame, just like with the normal widget integration.

Language setting for iFrame integration