Help Center
Go back to application
Help Center
Go back to application
Basics
Getting Started
Using the Editor
Pricing, Security and Billing
User Guides
Branding and Appearance
Analytics and Integrations
Analytics OverviewTour AnalyticsIntegrations with Analytics PlatformsTypeform IntegrationActiveCampaign IntegrationHubSpot IntegrationSegment IntegrationMixpanel IntegrationZapier Integration
Chat Providers
Chat Integrations OverviewCrispFreshdeskIntercomZenDeskHubSpot ChatCustom Chat Widget
Single Sign-on (SSO)
Developers

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?

Powered by Product Fruits