Track Crisp Chats

Crisp is a customer messaging platform that provides live chat, chatbots, and customer support tools. WhatConverts can track Crisp chat conversations through a Zapier integration combined with custom JavaScript code, which captures chat data along with complete marketing attribution including source, medium, campaign, and landing page information.

Set Up Crisp Chat Tracking

To track Crisp chat conversations with WhatConverts, you'll need to add custom tracking code to your website and configure a Zapier automation.

Step 1: Add Tracking Code to Your Website

1. On your website where you have placed your Crisp HTML code, add the following code below your Crisp HTML code:

   javascript

   <script>
   var cookie = oqhaqzwnbjgcpycneryg('wc_client');
   var source = '',
       medium = '',
       campaign = '',
       content = '',
       keyword = '',
       gclid = '',
       landing_page = '',
       user_id = '',
       msclkid = '';
   if (cookie) {
       var cookie_parts = cookie.split('+..+');
       if (cookie_parts[0])
           source = cookie_parts[0];
       if (cookie_parts[1])
           medium = cookie_parts[1];
       if (cookie_parts[2])
           campaign = cookie_parts[2];
       if (cookie_parts[3])
           content = cookie_parts[3];
       if (cookie_parts[4])
           keyword = cookie_parts[4];
       if (cookie_parts[5])
           gclid = cookie_parts[5];
       if (cookie_parts[6])
           landing_page = cookie_parts[6];
       if (cookie_parts[7])
           user_id = cookie_parts[7];
       if (cookie_parts[8])
           msclkid = cookie_parts[8];
   }
   $crisp.push(['set', 'session:data', [
       [
           ['source', source],
           ['medium', medium],
           ['campaign', campaign],
           ['content', content],
           ['keyword', keyword],
           ['gclid', gclid],
           ['landing_page', landing_page],
           ['user_id', user_id],
           ['msclkid', msclkid]
       ]
   ]]);
   
   </script> 
   

2. Save your changes and start and end a test chat.

Step 2: Set Up Zapier Integration

1. Go to Zapier and click "Create Zap". Select "Crisp" as your trigger app and "New Conversation" as the trigger event.
2. Click "Test Trigger". Select the newest chat to set up your Zap and click "Continue".
3. Search for and select "Formatter by Zapier". Select "Text" as the action event. Under transform, select "URL Decode".



4. Under Values, click the dropdown and select "Meta Data Landing Page".
5. Click "Continue". Test the action and click "Test & Continue".
6. Add an additional action step. Search for and select "WhatConverts" as your action app. Select "Create Lead" as your action event. Click "Continue". Select your WhatConverts profile to integrate with Crisp.
7. Set up your template as follows:
   • Lead Type: Chat
   • Profile: Your WhatConverts Profile
   • Referrer Source: Meta Data Source
   • Referrer Medium: Meta Data Medium
   • Referrer Campaign: Meta Data Campaign
   • Referrer Content: Meta Data Content
   • User ID: Meta Data User ID
   • Referrer Keyword: Meta Data Keyword
   • Gclid: Meta Data Gclid
   • Msclkid: Meta Data Msclkid
   • Landing Page: 2. Output
8. Add the following fields under Additional Fields:
   • Email: Meta Email
   • Session ID: Session ID
   • Last Message: Last Message



9. Click "Continue" and send a test to WhatConverts. When the test is successful, turn your Zap on.

Your Crisp integration is now complete. WhatConverts will capture all chat conversations from Crisp through Zapier and create leads with full attribution data.

Related Topics

• Track Intercom Chats
• Track JivoChat Chats
• Track Landbot Chats
• Connect WhatConverts to Zapier