Resources
WebChat
Wie binde ich den Webchat in meine Seite ein?

Wie binde ich den Webchat in meine Seite ein?

Lasse Lung
May 10, 2024
2
min read
IconIcon

Der Code für den Webchat sieht so aus und muss den Footer der Webseite eingebunden werden. Bitte die Felder anpassen.

Achtung: Der Code muss 1zu1 so übernommen werden. Bei Änderungen können wir nicht für die Funktionalität garantieren.

<!-- AI driven agents by www.qualimero.com -->
   <script>
       window.qualimeroConfig = {
     phoneNumber: "xxx",
     aid: "xxx",
     // Optional
     style: {
       iconColor: "#C88D18",
       buttonColor: "#189BC8"
     },
     // Optional
     position: {
       verticalAlign: "bottom",
       horizontalAlign: "right",
       verticalGap: "20px",
       horizontalGap: "20px"
     }
   };
   </script>
  <script src="https://cdn.qualimero.com/qualimero-web-2.0.js"></script>


Bitte folgende Felder anpassen:

phoneNumber: Nur notwendig, wenn WhatsApp genutzt wird. Dann hier die Telefonnummer von WhatsApp im Format “49xxxxxxxxx” eintragen. Ohne + oder 0.

aid: Das ist die accountId. Diese findest du in der app.qualimer.com URL, nachdem du dich eingeloggt hast.

iconColor: Hier wird die Farbe der ChatBubble Icons definiert. Bitte als HexCode eingeben.

buttonColor: Hier kann die Farbe der Chatblase und des Chatfenster Banners angepasst werden. Bitte als HexCode eingeben.

Hier kannst du den passenden HexCode für deine Farbe finden https://www.html-color-codes.info/webfarben_hexcodes/

verticalAlign: Hier geht entweder "top" oder "bottom", um den Chat entweder am oberen Bildschirmrand oder am unteren anzuzeigen

horizontalAlign: "right" platziert den Chat am rechten Bildschirmrand, "left" platziert den Chat am linken Bildschirmrand.

verticalGap/horizontal Gap: Hier bitte in Pixel den horizontalen oder vertikalen Abstand vom Bildschirmrand einstellen. Default Wert ist "20px".