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

Wie binde ich den Webchat in meine Seite ein?

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".