5 Minute Quick Start

Integrating ServiceBell is a breeze.

1. Visit https://app.getservicebell.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 dashboard.

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

Script Tag
NPM/Yarn
Script Tag

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])}w.ServiceBell=w.ServiceBell||["init","identify","dial","alert","bookMeeting","hide","show"].reduce((function(i,c){return i[c]=function(){e(c,arguments)},i}),{});var s=d.createElement("script");s.id="service-bell-script",s.src="https://cdn.getservicebell.com/main.js",s.async=1;var i=d.getElementsByTagName("script")[0];i.parentNode.insertBefore(s,i)}(window,document);
ServiceBell.init("INSERT_API_KEY_HERE");
</script>
NPM/Yarn

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 options

import ServiceBell from "@servicebell/widget";
ServiceBell.init("INSERT_API_KEY_HERE");