How to create Chat buttons in LiveAgent

In this video tutorial I will show you how to create Chat buttons in LiveAgent.
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. Live chat builds customers' confidence while shopping and increases overall customer experience.

Video Instructions

  1. Navigate to Configuration>Chat>Chat buttons and click on Create.
  2. Choose your new chat button style - bubble, side, corner, inline or create a custom chat button by uploading an image or writing your own code.
  3. In the next window, navigate to Online button section and change button texts, position and colors.

  4. In the chat window section you can configure design, size, title, welcome message, position and colors of your chat window.
  5. To enable a pre chat form, navigate to the pre chat form section and check request contact information.
  6. In the new design section change style and colors of your pre chat form. To add fields or enable the option for visitors to choose department navigate to the fields section.
  7. If you want to show an offline button that is visible on your website if nobody is available for chat, check display offline button in the offline button section.
  8. When a website visitor clicks on the offline button, a contact form will be displayed. Optionally you can define the style of the contact form as well.

  9. In the advanced settings section, you can name your chat button, choose a department where the chats will be routed and select the chat button’s language.

  10. When you’re done with editing, confirm your changes by clicking on Create.

  11. Now navigate to the Overview section, copy the displayed code and paste it before the </body> tag of your page.

  12. Refresh your page and start chatting!

Chat buttons Text Setup

If you prefer text with screenshots instructions over video, see Chat buttons setup guide.