​
What you’ll get

When you integrate Pointer into your help center, your users will have access to:
  • Answer engine: instant answers to user questions based on your support documentation and knowledge base

​
Prerequisites

  • A help center or support portal (Zendesk Guide, Help Scout Docs, etc.)
  • Access to edit custom HTML/JavaScript in your help center
  • A Pointer project with your project ID

​
Installation

Perfect for any help center platform where you can add custom HTML/JavaScript.
1

Get your project ID

  1. Login to the Pointer dashboard
  2. Create a new project or select an existing one
  3. Copy your project ID from the setup section
2

Add the script tag

Add the Pointer script to your help center. The exact location depends on your platform:
<script src="https://cdn.pointer.ai/pointer-sdk@latest/pointer.browser.js?projectId=pt_proj_your-project-id"></script>
3

Platform-specific setup

4

Verify the integration

Visit your help center and look for the Pointer widget in the bottom-right corner. You can test the connection in your project settings.

​
Best practices

​
Allowed origins

Always configure allowed origins in your project settings to prevent unauthorized use of your project ID.
Allowed origins

​
Performance

  • Pointer automatically lazy loads to minimize impact on your help center’s load time
  • Consider loading the script asynchronously to avoid blocking page rendering
  • The widget only loads when needed, keeping your help center fast

​
Content optimization

  • Pointer works best when it has access to your support documentation
  • Add your help center articles as a knowledge source to improve answer quality
  • Include FAQ content, troubleshooting guides, and common solutions in your knowledge base

​
User experience

  • Position the widget where users naturally look for help
  • Consider the widget as a complement to your existing search functionality
  • Monitor common questions to identify content gaps in your help center

​
Advanced configuration

​
Custom triggers

If you want the Pointer widget to appear on a specific button instead of the default floating widget:
  1. On the playground page, toggle “Set custom trigger” to true and set the trigger ID.
Custom trigger
  1. Create your custom trigger button in your help center:
<button id="ai-help-button" style="
  background: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
">
  Ask AI Assistant
</button>
  1. Update your script to include the trigger ID:
pointer.js
(function() {
  const script = document.createElement('script');
  script.src = 'https://cdn.pointer.ai/pointer-sdk@latest/pointer.browser.js?projectId=pt_proj_your-project-id&triggerId=ai-help-button';
  script.async = true;
  document.head.appendChild(script);
})();

​
Conditional loading

Load Pointer only on specific help center sections: 
// Only load on article pages
if (window.location.pathname.includes('/articles/') || window.location.pathname.includes('/hc/')) {
  const script = document.createElement('script');
  script.src = 'https://cdn.pointer.ai/pointer-sdk@latest/pointer.browser.js?projectId=pt_proj_your-project-id';
  script.async = true;
  document.head.appendChild(script);
}

​
Integration with existing support tools

// Load Pointer but hide if other support tools are active
(function() {
  // Check if other support widgets are present
  const hasIntercom = window.Intercom !== undefined;
  const hasZendesk = window.zE !== undefined;
  
  if (!hasIntercom && !hasZendesk) {
    const script = document.createElement('script');
    script.src = 'https://cdn.pointer.ai/pointer-sdk@latest/pointer.browser.js?projectId=pt_proj_your-project-id';
    script.async = true;
    document.head.appendChild(script);
  }
})();

​
Next steps

After successfully integrating Pointer into your help center:
1

Import your help content

Upload your help articles, FAQs, and troubleshooting guides in the knowledge section to train your AI assistant.
2

Customize the experience

Use the playground to customize your widget’s appearance and responses to match your help center’s branding.
3

Monitor support metrics

Track how users interact with your AI assistant in the analytics dashboard to identify common questions and content gaps.
4

Optimize support workflow

Based on user questions, continuously improve your help content and consider automating responses to frequently asked questions.