How can we help? πŸ‘‹

Setting up Papercups for live chat

Find out how to integrate Papercups for live chat support

Last updated on November 1, 2021

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

  1. First, log into your Papercups account
  1. Once logged in you'll be taken to your conversations inbox
  1. Navigate to the Integrations tab on your left sidebar
  1. Click on the βš™οΈ Configure button within the Live chat box
    1. Notion image
  1. Scroll down until you see the Using in HTML section with the widget code
  1. Select and copy all the fields inside the config: { copy the stuff in here } curly braces.
    1. Select the text
      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"
  1. In the HelpKit dashboard go to Settings/Integrations/Contact Integration
  1. Select Papercups
  1. Enter the code in the Config Code field and hit save
    1. Important: Please make sure that the
      Important: Please make sure that the last row ends with a comma
  1. 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.
Β 
Β 
Did this answer your question?
😞
😐
🀩