Rep.ai
  • 5 Minute Quick Start
  • Controlling the Widget
  • Custom Visitor Identities
  • Listening to Events
  • Examples of Custom Behavior
  • Security and Spam Prevention
  • Virtual Backgrounds
  • How to Identify Contacts who Click Through Emails to Your Site from Email Sequencers
  • Troubleshooting
    • Browser Compatibility
    • Notifications
    • Content-Security-Policy (CSP)
    • Firewalls and VPNs
    • Support
    • Scheduler
  • Integrations
    • Acuity
    • Calendly
    • Chili Piper
    • Clearbit
    • Google Calendar
    • HubSpot
    • Intercom
    • Outreach
    • Salesforce
    • Shopify
    • Slack
    • Microsoft Teams
    • Zapier
    • Zendesk
    • Zoom
    • Outlook Calendar
    • Salesloft
    • Gong
  • API
    • Introduction
    • Authentication
    • Scrub Visitor Data
    • Nightly Data Dumps
  • API Resources
    • Organization
  • ⚠️Experimental
    • Performance
    • Overview
    • Zendesk App
  • Outbound (Dialer)
    • Getting Started with Rep.ai Outbound (Dialer)
    • How to Create and Manage Custom Columns (Properties) in Rep.ai Outbound (Dialer)
    • How to Mark a Number as "Do Not Call" in Rep.ai Outbound (Dialer)
    • FAQs
  • SPOTLIGHT
    • How to set high-intent page preferences for intent scoring
    • How to toggle auto-create companies based on visitor identification
    • CRM Fields for Rep.ai Influence (Contact)
    • CRM Fields for Rep.ai Influence (Account)
  • ANALYTICS
    • Metric definitions
Powered by GitBook
On this page

Was this helpful?

5 Minute Quick Start

Integrating Rep.ai is a breeze.

NextControlling the Widget

Last updated 5 months ago

Was this helpful?

1. Visit to grab your API key. If you haven't yet created an account, you'll need to do that first. After you sign-up, you'll see your API key first in the onboarding, and then in .

2. Integrate Rep.ai into your web app with NPM/Yarn or a script tag. Rep.ai runs entirely in the browser.

Paste the following script at the very top of of the <head> of your site.

<script>
  !function(w,d){function e(e,n){w.RepAI.q=w.RepAI.q||[],w.RepAI.q.push([e,n])}if(!w.RepAI){var t=function(n){for(var t=arguments.length,i=new Array(t>1?t-1:0),r=1;r<t;r++)i[r-1]=arguments[r];e(n,i)};["init","identify","dial","alert","bookMeeting","hide","show","expand","collapse","connect","disconnect"].forEach((function(i){t[i]=function(){for(var t=arguments.length,i=new Array(t),r=0;r<t;r++)i[r]=arguments[r];e(n,i)}})),w.RepAI=t}var s=d.createElement("script");s.id="rep-ai-script",s.src="https://cdn.servicebell.com/main.js",s.async=1;var i=d.getElementsByTagName("script")[0];i.parentNode.insertBefore(s,i)}(window,document);
  RepAI("init", "<YOUR_CLIENT_KEY_HERE>", { mode: "iframe-jit" });
</script>

Install the package via NPM:

# NPM
npm install --save @repai/widget

# Yarn
yarn add @repai/widget

Import RepAI and call RepAI.init() with your configuration options

import RepAI from "@repai/widget";
RepAI("init", "YOUR_CLIENT_KEY_HERE");
https://app.rep.ai
your widget settings at the bottom