​
What you’ll get

When you integrate Pointer into your marketing website, your visitors will have access to:
  • Answer engine: instant answers to visitor questions based on your company knowledge and content

​
Prerequisites

  • A marketing website (Code-based, Webflow, WordPress, Framer, etc.)
  • Access to edit custom HTML/JavaScript on your website
  • A Pointer project with your project ID

​
Installation

Perfect for any website 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 website. 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 website 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 website’s load time
  • Consider loading the script asynchronously to avoid blocking page rendering
  • The widget only loads when needed, keeping your site fast

​
Content optimization

  • Pointer works best when it has access to your company knowledge
  • Add your website content, FAQs, and product information as knowledge sources
  • Include pricing information, feature descriptions, and common sales questions

​
User experience

  • Position the widget where visitors naturally look for help
  • Consider the customer journey and where AI assistance would be most valuable
  • Monitor conversations to identify common questions and improve your content

​
Conversion optimization

  • Use Pointer to qualify leads and route them to appropriate sales channels
  • Provide instant answers to common pre-purchase questions
  • Track which questions lead to conversions in your analytics

​
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 on your website:
<button id="ask-ai-button" style="
  background: #007bff;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
">
  Ask AI Anything
</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=ask-ai-button';
  script.async = true;
  document.head.appendChild(script);
})();

​
Conditional loading

Load Pointer only on specific pages or for certain visitors: 
// Only load on product and pricing pages
if (window.location.pathname.includes('/products/') || 
    window.location.pathname.includes('/pricing')) {
  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);
}

​
A/B testing integration

// Load different configurations based on A/B test variants
(function() {
  const isVariantB = Math.random() < 0.5; // Your A/B testing logic
  const projectId = isVariantB ? 'pt_proj_variant-b-id' : 'pt_proj_variant-a-id';
  
  const script = document.createElement('script');
  script.src = `https://cdn.pointer.ai/pointer-sdk@latest/pointer.browser.js?projectId=${projectId}`;
  script.async = true;
  document.head.appendChild(script);
})();

​
Lead tracking integration

// Example integration with marketing analytics
(function() {
  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;
  
  // Track when Pointer loads for analytics
  script.onload = function() {
    if (typeof gtag !== 'undefined') {
      gtag('event', 'pointer_loaded', {
        'event_category': 'ai_assistant',
        'event_label': 'widget_ready'
      });
    }
  };
  
  document.head.appendChild(script);
})();

​
Next steps

After successfully integrating Pointer into your website:
1

Add company knowledge

Upload your website content, product documentation, and sales materials in the knowledge section to train your AI assistant.
2

Customize for your brand

Use the playground to customize your widget’s appearance, messaging, and behavior to match your brand and conversion goals.
3

Monitor visitor interactions

Track how visitors interact with your AI assistant in the analytics dashboard to identify opportunities for optimization.
4

Optimize for conversions

Based on visitor questions and behavior, continuously improve your content and consider adding conversion-focused prompts to guide visitors toward desired actions.