The code for the web chat looks like this and must be integrated with the website's footer.
<!-- 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>
Please adjust the following fields:
PhoneNumber: Only necessary if WhatsApp is used. Then enter the WhatsApp phone number here in the format “49xxxxxxxxx”. Without + or 0.
Aid: That is the accountID. You can find this in the app.qualimer.com URL after you have logged in.
IconColor: The color of the ChatBubble icons is defined here. Please enter as HexCode.
buttonColor: The color of the chat bubble and the chat window banner can be adjusted here. Please enter as HexCode.
Here you can find the right HexCode for your color https://www.html-color-codes.info/webfarben_hexcodes/
verticalAlign: This is either “top” or “bottom” to display the chat either at the top of the screen or at the bottom
HorizontalAlign: “right” places the chat on the right edge of the screen, “left” places the chat on the left edge of the screen.
Vertical Gap/Horizontal Gap: Here, please set the horizontal or vertical distance from the edge of the screen in pixels. The default value is “20px”.