Setting up Papercups for live chat – HelpKit

Papercups is a privacy friendly and open source live chat provider.

In order to integrate Papercups as a live chat contact provider you need to provide a Config Code

Locating the Config Code

First, log into your Papercups account

Once logged in you'll be taken to your conversations inbox

Navigate to the Integrations tab on your left sidebar

Click on the ⚙️ Configure button within the Live chat box

Scroll down until you see the Using in HTML section with the widget code

Select and copy all the fields inside the config: { copy the stuff in here } curly braces.

Select the text **without** the opening and ending braces

👉

In our case the Config Code is:

token: "245f532f6-acf8-43d3-9a19-ed7b24c71e66",
inbox: "4b343428-3b97-4454-a307-42714a340413b5",
title: "Welcome to HelpKit 👋",
subtitle: "How can we help you? 👇",
primaryColor: "#6f4cf9",
newMessagePlaceholder: "Start typing...",
showAgentAvailability: false,
agentAvailableText: "We're online right now!",
agentUnavailableText: "We're away at the moment.",
requireEmailUpfront: true,
iconVariant: "filled",
baseUrl: "https://app.papercups.io"

In the HelpKit dashboard go to Settings/Integrations/Contact Integration

Select Papercups

Enter the code in the Config Code field and hit save

Important: Please make sure that the **last row** ends with a comma

Tada! 🎉

⚠️

IMPORTANT: Please don't forget to remove the original Javascript code you installed on your site for this provider. HelpKit automatically loads this for you so you don't need to load it manually yourself as well. Doing so will cause issues. If you passed custom settings or user properties to this provider via the original Javascript code and you are not sure whether they will be carried through to your HelpKit setup, then please contact us.