Subscribe to our newsletter and get proven marketing strategies for growing your business.
Note: If you haven't added your WhatConverts tracking script to your website, add your tracking script. If you are using the WhatConverts WordPress Plugin, you will want to deactivate the plugin and place your WhatConverts Tracking Code above your Happy Fox Integration Code.
1On your website where you have placed your HappyFox Installation Code, before the </script>
tag, add the following code:
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]; } var HappyFoxChat; window.HFCHAT_CONFIG.onload = function() { HappyFoxChat = this; HappyFoxChat.setCustomFields( { source :source} ) HappyFoxChat.setCustomFields( { medium :medium} ) HappyFoxChat.setCustomFields( { campaign :campaign} ) HappyFoxChat.setCustomFields( { content :content} ) HappyFoxChat.setCustomFields( { keyword :keyword} ) HappyFoxChat.setCustomFields( { landing :landing_page} ) HappyFoxChat.setCustomFields( { user_id :user_id} ) HappyFoxChat.setCustomFields( { gclid :gclid} ) HappyFoxChat.setCustomFields( { msclkid :msclkid} ) };
There will be an </script>: after the pasted code.
Save the changes to your site and if you have any caching plugins on your site, clear those.
2Log into HappyFox Chat. Select "Manage" in the top left of your HappyFox dashboard. Under Manage Widget, click "Custom Fields".
Click "+ Add". In the Name field, type source and select Text as the Type as shown below.
Repeat this step and change for each of the following custom fields:
3In a new tab or window, log into Zapier (keep HappyFox open in a separate window/tab). Click "Create Zap". Select "Webhooks by Zapier" as your trigger app and "Catch Hook" as your trigger. Click "Continue". Copy the Custom Webhook URL.
4Go back to HappyFox. Select "Manage" in the top left of your HappyFox dashboard. Under Manage Widget, click "Webhooks".
Paste the Custom Webhook URL into the box. Click "Save".
4In an incognito window, go to your website, but add the following to the end of your URL:
?utm_source=HappyFoxTestSource&utm_medium=HappyFoxTestMedium&utm_keyword=HappyFoxTestKeyword&utm_content=HappyFoxTestContent&utm_campaign=HappyFoxTestCampaign&gclid=TestGclid&msclkid=TestMSClkID&force_utm=true&wc_clear=true
Start and end a chat.
.
Go back to Zapier, click "Continue" on your Webhooks step and click "Test trigger" to find the chat you just completed. Review the chat data. Click "Continue".
4Select "Formatter by Zapier" as your Action App and "Text" as the Action Event. Click "Continue".
Under Transform select "URL Decode". In the Input field, locate and select "Payload Custom Fields Landing Page". Click "Continue, then "Test & Continue".
5Click "+" to add a third step to the Zap. Select "WhatConverts" as your Action App and "Create Lead" as your Action Event. Select or connect your WhatConverts account and continue to the Set up Action page.
The following video shows you how to complete the integration:
Make sure to turn your Zap "On".
6Go to your website. Start and end a new chat. Log into the WhatConverts profile you have set up the Happy Fox Chat integration in. Click "Leads" in the top menu. Under Lead Manager, check for a new Chat Lead to ensure Happy Fox is tracking properly.
If you have any questions, please contact us here: Contact WhatConverts Support or email [email protected]
Happy Fox is a chat and help software that helps you interact with visitors to your site. Using Zapier, you can integrate Happy Fox with WhatConverts and get user information from your Happy Fox chats, the first message of the chat transcript and the marketing data for the user directly to your WhatConverts dashboard.
You will need access to premium Zapier connections to complete this integration.
1On your website where you have placed your HappyFox Installation Code, before the </script>
tag, add the following code:
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]; } var HappyFoxChat; window.HFCHAT_CONFIG.onload = function() { HappyFoxChat = this; HappyFoxChat.setCustomFields( { source :source} ) HappyFoxChat.setCustomFields( { medium :medium} ) HappyFoxChat.setCustomFields( { campaign :campaign} ) HappyFoxChat.setCustomFields( { content :content} ) HappyFoxChat.setCustomFields( { keyword :keyword} ) HappyFoxChat.setCustomFields( { landing :landing_page} ) HappyFoxChat.setCustomFields( { user_id :user_id} ) HappyFoxChat.setCustomFields( { gclid :gclid} ) HappyFoxChat.setCustomFields( { msclkid :msclkid} ) };
There will be an </script>: after the pasted code.
Save the changes to your site and if you have any caching plugins on your site, clear those.
2Log into HappyFox Chat. Select "Manage" in the top left of your HappyFox dashboard. Under Manage Widget, click "Custom Fields".
Click "+ Add". In the Name field, type source and select Text as the Type as shown below.
Repeat this step and change for each of the following custom fields:
3In a new tab or window, log into Zapier (keep HappyFox open in a separate window/tab). Click "Make a Zap". Select "Webhooks by Zapier" as your trigger app and "Catch Hook" as your trigger. Click "Continue". Copy the Custom Webhook URL.
4Go back to HappyFox. Select "Manage" in the top left of your HappyFox dashboard. Under Manage Widget, click "Webhooks".
Paste the Custom Webhook URL into the box. Click "Save".
4In an incognito window, go to your website, but add the following to the end of your URL:
?utm_source=HappyFoxTestSource&utm_medium=HappyFoxTestMedium&utm_keyword=HappyFoxTestKeyword&utm_content=HappyFoxTestContent&utm_campaign=HappyFoxTestCampaign&gclid=TestGclid&msclkid=TestMSClkID&force_utm=true&wc_clear=true
Start and end a chat.
Go back to Zapier, click "Continue" on your Webhooks step and click "Test trigger" to find the chat you just completed. Click the gray drop-down arrow to review the chat. Click "Continue".
4Select "Formatter by Zapier" as your Action App and "Text" as the Action. Click "Continue". Under Transform select "URL Decode". In the Input field, locate and select "Payload Custom Fields Landing Page". Click "Continue, then "Test & Continue".
5Click "+" to add a third step to the Zap. Select "WhatConverts" as your Action App and "Create Lead" as your Action. Select or connect your WhatConverts account and continue to the Set up Action page. The following video shows you how to complete the integration:
6Log into your WhatConverts dashboard and review the test lead that you have sent in.
One of our marketing experts will give you a full presentation of how WhatConverts can help you grow your business.
Schedule a DemoWe capture the full chat ticket information and store the lead with its marketing data.
Automatically track visitors back to the marketing source, medium, campaign, ad and keyword.
WhatConverts reports web chats as a conversion action, revealing which marketing drives chats.
Automatically send chat events to Google Analytics to define conversion funnels.