Website

​

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

<script src="https://cdn.pointer.so/pointer-sdk@latest/pointer.browser.js?projectId=pt_proj_your-project-id"></script>

<script src="https://cdn.pointer.so/pointer-sdk@latest/pointer.browser.js?projectId=pt_proj_your-project-id"></script>

// Load Pointer SDK
(function() {
  const script = document.createElement('script');
  script.src = 'https://cdn.pointer.so/pointer-sdk@latest/pointer.browser.js?projectId=pt_proj_your-project-id';
  script.async = true;
  document.head.appendChild(script);
})();

<script src="/pointer.js"></script>

<script>
  (function() {
    const script = document.createElement('script');
    script.src = 'https://cdn.pointer.so/pointer-sdk@latest/pointer.browser.js?projectId=pt_proj_your-project-id';
    script.async = true;
    document.head.appendChild(script);
  })();
</script>

​

Best practices

​

Allowed origins

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

​

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.

2. 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>

3. Update your script to include the trigger ID:

(function() {
  const script = document.createElement('script');
  script.src = 'https://cdn.pointer.so/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.so/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.so/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.so/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: