The Point11 chat widget embeds an AI agent directly on your website. It engages visitors, answers questions, qualifies leads, and routes conversations to your sales team — all without requiring live staffing.
Installation
The widget is a lightweight JavaScript snippet added to your site. It loads asynchronously and does not block page rendering or impact Core Web Vitals scores.
For Next.js and React applications, use the provided React component with dynamic import to defer loading until the page is interactive:
javascriptimport dynamic from "next/dynamic";
const ChatWidget = dynamic(() => import("@point11/chat-widget"), {
ssr: false,
});For static sites, add the script tag before the closing body tag.
Branding and Customization
Configure the widget to match your brand:
- Colors: Primary and secondary colors, background, text colors.
- Logo: Your company logo displayed in the chat header.
- Welcome message: The initial greeting when the widget opens.
- Position: Bottom-right (default), bottom-left, or custom positioning.
- Trigger behavior: Click to open, time delay, scroll depth, or exit intent.
Proactive Engagement
Configure the agent to initiate conversations based on visitor behavior:
- Time on page: Trigger after a visitor has been on a page for N seconds without interacting.
- Scroll depth: Engage when a visitor reaches a specific section of the page.
- Exit intent: Detect when the visitor is about to leave and offer assistance.
- Page-specific messages: Different greeting messages on product pages, pricing pages, and documentation.
Proactive engagement significantly increases conversation volume compared to passive "click to chat" widgets.
Lead Qualification
Configure qualification criteria that the agent evaluates during conversation:
- Company size and industry.
- Budget range and timeline.
- Decision-making role.
- Specific product interest or use case.
The agent asks these questions naturally within the conversation flow, not as a rigid form. Qualified leads are scored and routed immediately.
CRM Integration
The widget connects to your CRM in real time:
Salesforce
The agent creates or updates Contact and Lead records, logs activities, creates Opportunities, and triggers Flows. Integration uses Salesforce's REST API with OAuth 2.0 authentication.
HubSpot
The agent creates or updates Contacts, logs conversations as Activities, triggers Workflows, and updates Deal stages. Integration uses HubSpot's API with webhook-based bi-directional sync.
General Pattern
For any CRM, the integration follows a standard architecture:
- API compatibility layer: REST/GraphQL adapters for CRM read/write operations.
- Event streaming layer: Real-time event logs for bi-directional sync.
- Security layer: OAuth 2.0, SAML, and Role-Based Access Control.
- Data mapping layer: Schema translation between agent data models and CRM objects.
Human Handoff
When the agent determines a conversation requires human intervention:
- The visitor is notified that a human agent is joining.
- Full conversation history and qualification data are transferred.
- The human agent sees the AI's qualification score and recommended next steps.
- If no human is available, the agent books a meeting and sends a confirmation.
Sources
- Salesforce Agentforce Developer Guide: https://developer.salesforce.com/docs/einstein/genai/guide/get-started-agents.html
- HubSpot AI Chatbot with OpenAI: https://developers.hubspot.com/blog/building-an-ai-powered-chatbot-in-hubspot-with-the-new-openais-assistants-api
- Botpress — Conversation Design 2026: https://botpress.com/blog/conversation-design