5 Minute Quick Start

Integrating Rep.ai is a breeze.

1. Visit https://app.rep.ai 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 your widget settings at the bottom.

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");

NextControlling the Widget

Last updated 1 year ago

Was this helpful?