You can import the chat component by copying this script tag in your websites head component, so after <head> and and before </head>
If you are logged in you will see your ID and the settings we have configured for you here, and you can copy the code like it is.
data-color : You can set the color of your chat component with this value, you can use words like green or red, or color codes.
data-color="green"
data-color="#4d4d4d"
data-header-color : You can set the header bar of the chat component with this value, it overrides the data-color for the header.
data-header-color="black"
data-header-color="#4d4d4d"
data-border : Set the border of the button that opens the chat. Enter a color or a color code to set it.
data-border="white"
data-border="#4d4d4d"
data-position : Set where on your website the chat component is, the options are "bottom-right","top-right" and "top-left", by default the position is "bottom-right"
data-position="bottom-right"
data-position="top-left"
data-banned-paths : Set the subpages of the website where the chat component can not be seen or used. You dont
need to enter / of the first subpage. Enter * after the path to ban all paths that start with the path you set.
data-banned-paths="blog*,info/contact"
data-banned-paths="about/news*"
data-allowed-paths : Set the subpages of the website where the chat component can be seen and used. You dont
need to enter / of the first subpage. Enter * after the path to allow all paths that start with the path you set.
data-allowed-paths="login,info/privacy-policy"
data-allowed-paths="account*"