To add live chat, enable a chat or messaging widget in a provider account, configure its appearance and handling rules, then install the account-specific code on the website pages where it should appear. The exact steps depend on the provider and whether you want real-time agent chat or a persistent messaging inbox. Before publishing, decide who will answer, what visitors see when agents are offline, and how you will handle visitor identity and consent.
Choose the chat workflow before installing anything
“Live chat” can mean a real-time conversation with an available agent or a messaging widget that keeps conversations in an inbox for follow-up. Pick the workflow based on the job the chat should do:
As an Amazon Associate I earn from qualifying purchases.
- Sales and lead capture: show chat on pages such as pricing or product pages, decide whether to ask for contact details, and route conversations to the sales team.
- Customer support: make chat available where customers need help, assign an owner to incoming conversations, and define what happens outside staffed hours.
- Both: set page or visitor rules and routing so sales questions and support requests reach the right team.
Also check whether your company already uses a support or CRM platform with a website widget. The existing account may offer a suitable installation path, but products can have distinct setup flows. Zendesk, for example, documents separate procedures for Chat-only accounts, Chat with Support, its older Web Widget (Classic), and messaging Web Widget.
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →| Provider | Documented website setup | Important distinction |
|---|---|---|
| Zendesk | Use the dashboard-generated script for the applicable Chat widget or messaging Web Widget; configure the widget and conversation handling for that product path. | Chat-only, Chat with Support, Web Widget (Classic), and messaging have different instructions. Follow the path matching the account and widget in use. Zendesk Chat installation and messaging setup. |
| Intercom | Add the website Messenger snippet on the pages where it should appear; the instructions distinguish visitors and leads from logged-in users. | Do not attach logged-in identity fields to an anonymous visitor. The documented WordPress plugin also has an EU-hosted-workspace limitation. Visitor and lead installation and WordPress installation. |
| HubSpot | Put HubSpot tracking code on the external website pages and create a live-chat chatflow with page or visitor targeting. | Review the chatflow’s cookie and data-processing consent settings, including the documented exception for visitors identified through the Visitor Identification API. HubSpot live chat setup and chatflow consent controls. |
These implementation sources do not establish a universal best provider. A practical comparison is whether the tool fits your existing support or CRM stack, supports your intended conversation workflow and staffing, and provides the targeting, identity, and privacy controls your site needs.
#1 Best Overall
- Compatible with Nintendo Switch 2’s new GameChat mode
- Crisp HD 720p/30 fps video calls with diagonal 55° field of view and auto light correction. Compatible with popular platforms including Skype and Zoom.
- The built-in noise-reducing mic makes sure your voice comes across clearly up to 1.5 meters away, even if you’re in busy surroundings.
- C270’s RightLight 2 feature adjusts to lighting conditions, producing brighter, contrasted images to help you look good in all your conference calls.
- The adjustable universal clip lets you attach the camera securely to your screen or laptop, or fold the clip and set the webcam on a shelf. You’re always ready for your next video call.
Steps to add live chat to a website
1. Select the provider’s correct installation path
Sign in to the provider account and identify the exact product or widget you will use. If your organization already has a support platform, check whether chat is available in that account before setting up a separate service. With Zendesk in particular, determine whether the account uses Chat alone or Chat with Support and whether the target is Web Widget (Classic) or messaging; the vendor documents different setup instructions for these cases.
2. Enable and configure the widget
In the provider dashboard, create or enable the website chat feature. Set its name or brand, appearance, language, and team availability. Configure any chatflow, pre-chat form, or offline form required by your chosen workflow. HubSpot describes live chat as a website widget where visitors can start a real-time conversation with someone on the team; external pages need HubSpot tracking code for the chat to appear.
3. Choose where the widget appears
Decide whether chat belongs across the whole site or only on selected pages. A sales team might target pricing and product pages, while a support team might offer chat in help content. HubSpot supports targeting by URL and visitor criteria. Set the rules in the provider’s chat or chatflow configuration and consider what a visitor should see if they reach a page outside the target.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Rank #2
- Compatible with Nintendo Switch 2’s new GameChat mode
- Auto-Light Balance: RightLight boosts brightness by up to 50%, reducing shadows so you look your best—compared to previous-generation Logitech webcams (1)
- Privacy with a Slide: The integrated webcam cover makes it easy to get total, reliable privacy when you're not on a video call
- Built-In Mic: The built-in microphone lets others hear you clearly during video calls
- Easy Plug-And-Play: The Brio 101 works with most video calling platforms, including Microsoft Teams, Zoom and Google Meet—no hassle; it just works
4. Add the account-specific code or integration
- Copy the production snippet generated in your own provider account. Do not paste example code containing placeholders.
- Add the code to the shared site template or the templates for the pages selected for chat. A shared template is usually the simplest way to make a widget available across multiple pages.
- Follow the provider’s placement instructions. Zendesk’s legacy Chat directions allow the script in the page head or just before the closing
</body>tag, and recommend the end of the body when avoiding render blocking is a concern. Zendesk’s messaging widget and Intercom’s website Messenger instructions say to place their code before</body>. - Publish the site changes, then allow for any provider-specific loading or tracking-code requirements.
Use the vendor’s current instructions for the specific widget in your account; do not assume an older script or a different product’s instructions apply.
5. If the site uses WordPress, check the provider’s documented method
Intercom documents an official WordPress plugin and lists WordPress 4.2.0 or newer as a requirement. Its help article says the plugin method is not available for EU-hosted workspaces and directs those users to another installation method. For a different chat provider, use that provider’s current integration instructions rather than assuming a plugin covers every product or account type.
6. Keep anonymous and authenticated identities separate
For a logged-out visitor, do not include a logged-in user’s ID, email address, or user hash in the visitor installation. Intercom’s July 10, 2026 instructions warn that passing another session’s identity to an anonymous visitor causes privacy issues. If chat also appears to logged-in customers, use the provider’s separate authenticated-user setup and ensure identity is associated with the correct session.
Rank #3
- 1080P Webcam with Cover for Video Calls - EMEET computer webcam provides design and Optimization for professional video streaming. Realistic 1920 x 1080p video, 5-layer anti-glare lens, providing smooth video. C960 computer camera delivers 1920x1080 video with fixed focus (11.8–118.1 inches), so as to provide a clearer image. C960 USB webcam has a cover and can be removed automatically to meet your needs for privacy. For optimal image performance, use the webcam in a well-lit environment.
- Built-in 2 Omnidirectional Mics - EMEET webcam with microphone for desktop features 2 built-in omnidirectional microphones, picking up your voice to create clear audio for communication. When installing the webcam, select EMEET C960 as the default microphone input device in your computer and video applications and select C960 as the default device in Zoom/Teams and ensure microphone permissions are enabled for proper use. Please note that C960 does not include built-in speakers.
- Automatic Light Adjustment - Automatic exposure adjustment is applied in EMEET HD webcam 1080p so that the streaming webcam can deliver stable image performance. EMEET C960 camera for computer also features color adjustment and exposure optimization to help you look your best. For optimal video quality, it is recommended to use the webcam in normal or well-lit environments and select suitable video settings in your application. Proper lighting helps achieve a clearer and more balanced image.
- Plug-and-Play & Upgraded USB Connectivity - New C960 webcam features both USB Type-A & A-to-C adapter connections for wider compatibility. For stable performance, connect the webcam directly to the computer's main USB port and ensure the device is recognized correctly. If a hub or docking station is used, please ensure it provides sufficient power and stable data transmission, as limited ports may affect performance. 90° wide-angle lens captures more participants without frequent adjustments.
- High Compatibility & Multi Application - C960 webcam for laptop is compatible with Windows 10/11, macOS 10.14+, and Android TV 7.0+. Not supported: Windows Hello, TVs, tablets, or game consoles. It works with Zoom, Teams, Facetime, Google Meet, YouTube and more. Please select C960 webcam as the default camera and microphone device in your application and ensure camera/microphone permissions are enabled, especially on macOS. (Tips: Incompatible with Windows Hello)
7. Decide how conversations will be handled
Before launch, assign responsibility for incoming conversations and define what the widget asks and promises. Set staffed hours, language coverage, routing, and the visitor’s next step when no agent is available. Zendesk distinguishes pre-chat forms, which collect information before a conversation, from offline forms for periods when agents are unavailable; configure only the fields your team needs.
8. Review privacy and consent controls
Check the widget’s privacy and consent settings alongside the site’s own privacy notice and data flows. Zendesk documents a privacy notice option for its messaging widget. HubSpot documents chat-cookie and data-processing consent controls and notes that its chat-cookie consent settings will not display to visitors identified through its Visitor Identification API. HubSpot also distinguishes these controls from its analytics cookie banner. Which requirements apply depends on the site’s jurisdiction and actual data handling; involve the person responsible for privacy compliance.
9. Preview and verify the live installation
Use the provider’s preview or test option where available, then check the published site in the states visitors will encounter. HubSpot documents a preview step, and Zendesk’s messaging setup offers preview and testing. These are setup capabilities, not evidence that a particular installation has been tested.
- Open each intended page as a logged-out visitor and confirm the widget appears only where expected.
- If relevant, test the logged-in experience separately and confirm it does not inherit another person’s identity.
- Send a test message through the intended route and confirm the right team receives it.
- Check the offline message or form when agents are unavailable.
- Inspect mobile layout and confirm the widget does not cover important page controls.
Common setup mistakes to avoid
- Following instructions for the wrong widget: account history and product edition can change the installation path, especially with Zendesk’s legacy and messaging options.
- Installing a sample instead of the account snippet: use the code generated for the actual account and site.
- Adding the widget without an owner: define staffing, routing, and offline handling before inviting visitors to contact the team.
- Showing chat on every page by default: use page and visitor targeting when sales and support need different entry points.
- Sending identity data for an anonymous visitor: keep visitor and authenticated-user implementations separate.
- Treating a widget consent setting as the whole privacy review: assess the site’s data flows and applicable requirements as well as provider controls.
Frequently Asked Questions
Do I need a developer to add live chat?
Not always. The installation generally involves enabling the feature, copying an account-specific snippet or using a documented integration, and adding it to the relevant site template. A developer or site administrator may be needed to edit templates or safely implement identity handling.
Rank #4
- 【1080P Full HD with Wide-Angle Lens】 Step up your video quality with the Shcngqio TWC29 1080p webcam. A wide-angle lens paired with a 1/2.9" CMOS sensor renders sharp, vibrant images and smooth 30fps footage—well suited for gaming, video calls, remote learning, live streaming, and everyday content creation. Fine details and natural colors come through clearly in every frame.
- 【Built-In Noise-Canceling Microphone】 The TWC29 integrates an advanced noise-reducing microphone that picks up your voice while cutting down background ambient sound. Whether you're joining a webinar, hosting a conference, or streaming online, your speech stays crisp and understandable even in moderately noisy rooms.
- 【Automatic Light Correction for Any Setting】 This webcam dynamically adjusts exposure and color temperature to match your surroundings. From low-light bedrooms to sunlit home offices, the auto light correction helps balance brightness and detail so you consistently present a clear, well-lit image during calls and recordings.
- 【Slide-On Privacy Cover Included】 A dedicated privacy shield ships with every TWC29. Simply slide the cover over the lens when the camera is not in use to block the view and add a layer of everyday security. The slim, fitted design stays in place and does not interfere with image quality when open.
- 【Plug-and-Play USB Setup, Works Across Devices】 No drivers, no complicated configuration. Connect the TWC29 via its 5ft USB cable to a USB 2.0, 3.0, or 3.1 port—and use OTG with supported mobile devices—and you're ready to go. The adjustable universal clip attaches firmly to laptops and desktop monitors, giving you a stable mounting point out of the box.
Where should I paste the chat code?
Use the placement specified for your provider and widget. Zendesk’s legacy Chat instructions allow the head or just before </body>; Zendesk messaging and Intercom website instructions specify placement before </body>.
Can I show chat only on selected pages?
Yes, where the provider supports targeting. HubSpot documents page and visitor criteria, allowing a chatflow to be aimed at particular URLs or audiences rather than shown site-wide.
Should I ask visitors for their email before they chat?
That is a workflow choice. A pre-chat form can collect details before an agent conversation, while an offline form can give visitors a way to leave information when the team is unavailable. Keep requested fields aligned with the purpose of the conversation.
Can anonymous visitors use a chat widget?
Yes. Visitor-facing chat can be installed for people who are not logged in. Do not pass an authenticated user’s identity fields into an anonymous visitor session; use the provider’s distinct authenticated-user setup for logged-in customers.
How can I check that chat is working?
Preview the widget if the provider offers it, then visit the published target pages as a logged-out user. Send a test message, check its routing and offline behavior, and inspect the mobile display.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
