Installing a Live Chat Widget on Your Website

Allow customers to chat with agents in real-time directly from your website. Create and customize your Live Chat Widget, then embed it in your website's pages. 
Have a Wix website?
Note:
We're currently in the process of releasing a new version of the Wix Answers Widget. If you don't see the steps below in your widget settings, click here for directions. 

Step 1 | Create Your Live Chat Widget

If you haven't already, create a widget and enable the Live Chat contact option. You can also edit your Widget's content settings, chat options, and business hours.

Step 2 | Install the Widget on Your Site

Next, copy your Widget's code and embed it in your site's HTML code. 
Note:
Currently, adding more than one widget per page is not supported by Wix Answers. 

Related Articles

Installing a Live Chat Widget on Your Wix Site

Provide real-time chat support from any page on your Wix website. To embed your Live Chat Widget, copy its code and add it to your Wix site's Tracking & Analytics. Embedding in a non-Wix website?This article refers to adding your Live Chat Widget to a site created on Wix.com. If your site was not created on Wix, click here. Before you begin:To install a widget on your Wix site, your site must be upgraded to a Premium Plan. Learn HowNote:We're currently in the process of releasing a new version of the Wix Answers Widget. If you don't see the steps below in your widget settings, click here for directions. Step 1 | Create Your Live Chat WidgetIf you haven't already, create a widget and enable the Live Chat contact option. You can also edit your Widget's content settings, chat options, and business hours.Show me howHover over Settings  and click Widgets.Click Create New Widget.Enter a name for your Widget and click Create Widget.(For multilingual widgets): Click the language next to Settings for and select the relevant language. Click the toggle  next to Live Chat to enable Live Chat.Click Manage next to Live Chat. Edit your Content Settings and Chat Options. Learn MoreClick Edit next to Live Chat Availability to define your business hours. Learn MoreStep 2 | Copy Your Widget's CodeCopy the widget code you'll be adding to your site's Tracking & Analytics in the next step. Show me howClick Install Widget at the top right.   Click Copy Code next to the language of the Widget you're embedding.  Step 3 | Add the Code to Your Wix SiteNext, paste the code in your Wix site's Tracking & Analytics.  Show me howLog in to your Wix account. Access the Wix Editor for the site in which you're installing your Widget. Click Settings at the top editor menu bar and select Tracking & Analytics. Click + New Tool and select Custom. Paste the code in the Paste the code snippet here: field.    Enter a name for your custom code in the Name field. Click Apply. Note: Leave All pages - Load code once and Place Code in: Head selected.Refresh your live website to view your Widget. For multilingual widgets:The install code for each of your Widget's languages is unique. Repeat steps 2-3 above for each language in which you'd like to install your Widget.Note:Currently, adding more than one widget per page is not supported by Wix Answers. 

3 min read

Setting the Hours of Operation for Contact Options in Your Widget

Ensure that customers can only contact you during business hours. For each contact option available in your Widget you can define the hours of operation. Note:We're currently in the process of releasing a new version of the Wix Answers Widget. If you don't see the steps below in your widget settings, click here for directions. To set the hours of operation for your Widget's contact options:Hover over Settings  and click Widgets.  Click the relevant widget.(For multilingual widgets): Click the language next to Settings for and select a language. Click Manage next to the relevant contact option.Click Edit in the Availability section.  Set the available hours of operation for your contact option:Available 24/7: Select to keep your contact option open at all hours. Custom Hours of Operation: Select to set custom hours of operation: Click the toggle  next to each day to turn your contact option on or off. Click the times to adjust your opening and closing hours. Click the Show More icon  to the right of a day and select:Apply to all days to set the same business hours for each day of the week.Add another period to (selected day) to add another block of time.(Optional for Live Chat) Allow customers to send chats outside of business hours:Note: When an agent replies, your customer receives the message in Live Chat (if they reopen the widget) and email. Click Let customers contact you in chat outside of business hours.Click the Welcome message field and enter the message customers see when they start a new chat. (Optional) Apply the business hours you just set to all your Widget's contact options. Click Apply business hours to all contact options.Click Yes, Apply to all. Click Save.

2 min read

Tips for Chatting with Customers

Easily respond to customer questions in real-time while utilizing your Knowledge Base articles and saved replies with Wix Answers Live Chat. Toggle between chats you've participated in or all chats, and preview chats that are waiting, in progress, or completed within the Chats panel.Step 1 | Selecting a ChatClick the Chat icon  in the side panel. (For multilingual support) Click All languages and select a language.Click the Vertical Show More icon  from the Chats panel and select a view. Learn MoreSelect a Chats panel tab: All Chats (or selected view): To view all chats in your selected view.My Chats: To view chats you've participated in.Click an icon to view the relevant chat list:Note: Red icons indicate the number of chats within each list. Waiting: Chats that are waiting for a participant to join. Active: Chats that are in progress. Completed: Chats that have ended. Select a chat from the list to view its contents in the center of your screen. Tip:View the exact webpage URL your customer is chatting from in the Info panel at the top right. Hover over the webpage name and click to copy or go to the URL.  Step 2 | Replying to a ChatClick the reply field.Create your reply using any of the following features:Type your reply.Link an article:Click the Knowledge base articles icon .Use the search bar to find a specific article and click to preview.Tip: Click Filters in the search bar to refine your search. Click an option:View article: Opens a preview of the article. Insert content to your reply : Pastes the article contents into your reply.Paste a link to your reply : Pastes the article title as a hyperlink.Link article : Internally links an article without adding content.Add a saved reply: Tip: Create keyboard shortcuts for your replies by adding tags. Learn MoreClick the Saved Replies icon .(Optional) Click Filters to the right of the search field to view results by sharing type.Scroll or search for a specific saved reply and click to preview it. Click Add to reply to insert the saved reply.Insert an attachment: Click the Add attachment icon .  Browse for the relevant file and click Open. Insert an emoji: Click the Add emoji icon .Select an emoji. Click Send. Keyboard shortcuts:Type # and a reply shortcut to add a saved reply. Learn more about saved replies.Type Ctrl + Enter (Cmd + Enter on a Mac) to send your reply. Tips:Link articles with your replies so that later you can analyze your top support issues.Attach images and other files to your replies to provide in-depth directions. Step 3 | Ending a ChatClick End Chat.Select the status your ticket will change to and click End Chat. Learn more about ticket statuses. Notes:You can also leave a chat, in case another agent is taking over, by clicking the End Chat drop-down icon and selecting Leave Chat.If a customer replies to a chat that has ended, it appears in the All chats tab under Waiting where any agent can respond.

3 min read

Tips for Working with Live Chat Support Teams

Live Chat support combines the immediacy of a call center with the written format of tickets. Follow the suggestions below to set your team members up for success and ensure customers receive the quickest, most effective responses to their real-time questions. Preparing Your Teams for Live Chat SupportMinimizing agent response time is critical to providing fast and convenient customer service. Take a look at a few of our suggestions below to help you prepare for live chat support. Create chat-specific saved repliesCreate a list of saved replies for the most common chat-related scenarios so agents can respond faster than they can type. Agents can also create their own personal saved replies. Examples include:Introductions:For positive or neutral customers: "Hi *customer name*, thanks for contacting *your business name*, how can I help you?"For frustrated customers: "Hi *customer name*, I'm sorry to hear about your experience. I’d be happy to help you with this issue."Closing statements: For positive or neutral customers: "Happy to help! If you need anything else, feel free to contact us again."For frustrated customers: "Thank you for taking the time to write to us. If there's anything else we can assist you with, please let us know."Investigating:Requesting more information: "Please let me know a little bit more about *the issue* so I can better understand."Needing more time: "We're looking into this issue, please wait a few moments."Escalating in chat: "I see the issue you’re referring to. I’m having someone from the relevant team look into this, please wait a moment."Escalating offline: "Our team will need to take a closer look. I've forwarded your issue to the *relative department name* who will update you via email. We apologize for the inconvenience."No customer response: "We haven't heard from you for a while. Feel free to reply in this chat if you still need help."Tips:Automatically greet your customers by name by adding dynamic placeholders to saved replies.Begin each chat-related saved reply name with "Chat" so they're easily discernible from other saved replies. Utilize Chat ViewsEnsure your customers' questions get to the right agents. You can create chat views that filter your chats by label, assigned agents, custom fields and more. Then have specialized agents focus on answering chats from their assigned chat view. For example, Billing agents could answer chats from a 'Billing' chat view displaying conversations from a widget on your customers' Billing page. To select a chat view:Click the All Chats tab.Click Edit / Change View.Select a chat view from the list.Tip: Click Edit next to a chat view to modify its filters. Create internal escalation proceduresThere will likely come a time when an agent can't solve a customer's problem on the spot. Be proactive by creating internal processes for escalating issues. Example escalation procedure for chat agents:Chat your customer to let them know you'll need to escalate the issue offline with the relevant department, which will follow up via email.Click End Chat and change the ticket status to Investigating.Create and send a new ticket to your customer letting them know they'll receive another email once the issue is resolved. Add an internal note to the ticket referencing the chat ticket. Change the ticket status to Investigating. Once the issue is resolved or if further information is needed, an agent can reply and resolve the ticket. Minimizing Response TimeWith Live Chat, customers expect immediate responses to their questions. Fulfill these expectations by making sure your team monitors the Chat List and replies to conversations quickly.  Respond with saved repliesYour team members should familiarize themselves with the chat-related saved replies you create in your account to ensure quick responses to common scenarios. Agents can further customize their own replies by creating personal saved replies. Tip: Type # and your reply shortcut, then select a saved reply to insert. Respond quickly to Waiting chatsYou'll see a notification on the Waiting Chats icon  to indicate the number of chats waiting for a participant to join. Be sure to have agents respond with friendly opening saved replies to let customers know they're available to help.  Tips: Click Edit / Change View and select a chat view to filter the chats you see.View how long each customer has waited for a participant to join to the right of each chat preview.View the webpage your customer is chatting fromKnowing which page your customer is chatting with you from can help you understand what they're chatting about. In the Info panel at the top right, you can view, copy, and go to the URL (webpage address) your customer is currently viewing. To view the URL your customer is chatting from:Hover over the website name in the Info panel at the top right. Choose an option:Copy URL: Hover over the URL and select Click to copy. Go to URL: Click Go to URL to open the webpage in a new tab. Notes: If your customer is no longer viewing the webpage they're chatting from, Away last seen at displays before the website name. If your customer has closed the webpage they were chatting from, Offline displays in place of the website name. Replying to the chat sends an email to your customer.Respond periodically to your Active chatsFrom the My Chats tab, you'll see a notification on the Active Chats icon  to indicate a customer has responded to a conversation you've joined. Check in with customers frequently, even if it's to let them know you need more time to work on a solution. Tip: View a timestamp to the right of each chat preview to see when a customer last replied. Ending non-responsive chatsWhen a customer hasn't replied after a reasonable amount of time, an agent should let them know they're ending the chat. The agent can then end the chat, which places it in the Completed tab. If your customer responds later, the chat appears in the Waiting tab.Tip: You'll see a pop-up message appear over the user panel on the right to let you know when your customer has closed the chat or gone offline. Transfer to other agentsIf an agent needs to end their shift or cannot finish a chat, they can transfer the conversation to another agent.To transfer your chat to another agent:Contact an agent offline to let them know you need to transfer.Click the Assign ticket icon  from the footer menu.Type the name or email address of the team member and select them from the list.Note: The agent receives an Answers notification once they've been assigned to the chat.Once they've joined, click the drop-down next to End Call.Note: Your customer can see another agent has joined in the header of their chat widget. Select Leave Chat. 

6 min read