🛠️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>

Language setting for iFrame integration

• You can control the language of amberaiwidget by passing the URL parameter appLanguage to the src value of the iframe. It is optional and accepts the value de or en, respectively for German and English. If not passed the language is inherited from browser's default language.
• Examples:
  • https://customerName.ambersearch.de/amberaiwidget?appLanguage=de
  • https://customerName.ambersearch.de/amberaiwidget?appLanguage=en