Live chat has the ability to provide the convenient answers that customers want, while also adding significant benefits to the staff and bottom line of your company. Livechat builds customers' confidence while shopping and increases overall customer experience.
Chat Button Creation
To create a new live chat button, navigate in your LiveAgent panel to Configuration > Chat > Chat Buttons and click on the "Create" button.
In the pop-up window choose the type of your chat button. You can choose from the pre-defined styles and designs, or select the Custom type and create your own button either from an image or by HTML and CSS code. The colors of the pre-defined designs can be customized further in the chat button's settings.
After selecting the type of your button, your chat button will be created and its configuration window will be opened. In the Overview section you can name your button, select department that will handle the chat initiated by the particular chat button and choose the language to be used in the button. You can also customize the design of both online (when chat is available) and offline (when chat is not available) versions of the button, and also the design of its pre-chat form and/or contact form.
As the chat button configuration options are vast, see our Chat Button Settings Overview article for a detailed description of each section and setting.
After having your contact button set up according to your needs hit the Save button.
Chat Button Integration
To integrate your chat button into your website, navigate to the Integration section and copy its integration javascript. Place the integration code before the </body> HTML tag of your website, ideally into an element that's displayed on every page of your web, e.g. the footer. If you would like to add the chat button to your LiveAgent customer portal you can do so by following this guide.