By Technical Documentation Team • Updated January 12, 2026
In today’s fast-paced digital landscape, customers expect immediate responses. HubSpot’s Chatflows and Live Chat tools allow you to bridge the gap between your team and your website visitors in real-time. Whether you are aiming to connect a lead on your pricing page directly to a sales representative or provide instant support on your knowledge base, a well-configured chatflow ensures your business is always accessible. This guide will walk you through the end-to-end process of building a professional chat experience that drives engagement and customer satisfaction.
To begin, login to your HubSpot portal. Navigate to the Service tab in the main navigation bar and select Chatflows. If your website is hosted externally (e.g., on WordPress or Shopify), ensure your HubSpot tracking code is installed, or the chat widget will not appear.
In the upper right corner, click Create chatflow and select Website. If this is your first time, HubSpot will prompt you with a "Set up chat" dialog to establish your global widget settings.
On the Display tab, you will choose the visual identity of your chat. Select an accent color that matches your brand guidelines. You can also customize the chat heading (choosing between specific users or a generic team name) and upload an avatar.
💡 Pro Tip: Use a welcome message that sets expectations. For example, "Hi there! Our team typically replies in under 5 minutes" helps reduce visitor frustration.
The Availability tab is crucial for managing customer expectations. You have three primary options:
Don't forget to set your "Away" and "Offline" behaviors. You can choose to show an away message or hide the chat launcher entirely during non-business hours.
Targeting rules allow you to control exactly which visitors see which chatflow. For example, you might want a specialized "Sales Chat" to appear only on your pricing page, and a "Technical Support" chat on your help documentation. Use "And" and "Or" logic to create specific filters based on URL, visitor behavior, or contact properties.
Compliance is a priority. Under the Options tab, you can enable "Consent to collect chat cookies." This ensures that you are following GDPR and other privacy regulations by informing the user that their data is being tracked to facilitate the chat session.
Additionally, you can toggle "Consent to process data" to require visitors to explicitly allow your team to store their personal information before starting a conversation. You can link your Privacy Policy directly in this field.
The most common reason is a missing tracking code. If your site isn't on HubSpot, you must manually install the JavaScript code. Also, check your targeting rules to ensure you haven't accidentally excluded the page you are viewing.
Yes. In the Chatflow tab, use the "Assign incoming tickets to" dropdown to select specific users or teams. This ensures the right experts handle the right inquiries.
Live chat connects visitors directly to a human agent in real-time. A chatbot uses automated "rule-based" logic to answer common questions or gather lead information before a human gets involved.