5 Minute Quick Start
Integrating ServiceBell is a breeze.
1. Visit https://app.servicebell.com 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 ServiceBell into your web app with NPM/Yarn or a script tag. ServiceBell runs entirely in the browser.
Script Tag
NPM/Yarn
Paste the following script at the very top of of the
<head> of your site.<script>
!function(w,d){function e(e,i){w.ServiceBell.q=w.ServiceBell.q||[],w.ServiceBell.q.push([e,i])}if(!w.ServiceBell){const i=function(i,...n){e(i,n)};["init","identify","dial","alert","bookMeeting","hide","show","expand","collapse","connect","disconnect","showPopup"].forEach((function(n){i[n]=function(...i){e(n,i)}})),w.ServiceBell=i}var s=d.createElement("script");s.id="service-bell-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);
ServiceBell("init", "YOUR_CLIENT_KEY_HERE", { mode: "iframe-jit" });
</script>
Install the
servicebell-js package via NPM:# NPM
npm install --save @servicebell/widget
# Yarn
yarn add @servicebell/widget
Import
ServiceBell and call ServiceBell.init() with your configuration optionsimport ServiceBell from "@servicebell/widget";
ServiceBell("init", "YOUR_CLIENT_KEY_HERE");
Last modified 10mo ago