Crisp

Chat integration uses a public JavaScript API for the selected chat provider. You will need to install the chat widget into your application as you would normally without the Product Fruits integration in place. Then follow the steps below.

Turning on the chat integration

  1. Go to Help -> Life Ring Button 
  2. Click on the Tabs configuration dropdown. 
  3. Enable the Chat Integration button and click Configure.
  4. On the next screen, select your chat provider. In this case, select Crisp.
The Life Ring Button screen highlighting the Tabs configuration and Chat configuration options
The Configure Chat screen with Crisp highlighted

Install and hide the Crisp chat launcher button

  1. Install Crisp's JavaScript snippet into your application - follow the Crisp installation documentation on this.
  2. Adjust the Crisp code to hide the default launcher button. Insert this line of code after the installation script: $crisp.push(["do", "chat:hide"])

Now you should be able launch Crisp chat from the Life Ring Button.

Was this article helpful?