Beyond troubleshooting and support, Zingtree makes a handy interactive front-end for getting people to the right page on your website. We consistently see our customers building trees for sales prospecting, medical appointments, loan qualification, hiring and other environments where a little bit of automated filtering goes a long way. Plus, Zingtrees are a great means for information gathering, too!
We also get requests for integrating Zingtree within various back-end platforms – most notably, CRM. Often, when a customer’s data gets imported into another system, you’ll want the Q&A transcript of their Zingtree session attached.
We’ve created a Simple Sales Funnel demo tree and a basic back-end script in the Zingtree Gallery so you can see a working example.
Here’s how to pass a Zingtree Q&A transcript along to ANY system:
1. From your tree, create a link node to your contact form (i.e. contact_form.php), with a URL like this:
contact_form.php?session_id=#session#
2. In contact_form.php, add this JavaScript right above the ending </body> tag:
<script
id="zingtree_field_id"
value="session_data"
src="//zingtree.com/api/add-session-data-to-form.js">
</script>
3. In the form itself, add a hidden field with an id of “session_data”. The name can be whatever you like. Example:
<input id="session_data" name="zingtree_stuff" type="hidden" value="" />
That’s it!
Under the hood: When the form is loaded, the add-session-data-to-form.js script reads the session_id parameter, then loads the session transcript into the hidden field with the id=”session_data”.
BONUS:
Rather than having a field that must have an id of “session_data”, you can also specify the ID of the field that you want to insert Zingtree data into. This is especially helpful for Salesforce or other CRM apps that generate forms for you.
For example, if you added a multi-line text field to your CRM system form with an ID of “my_data_field”, you could use this piece of code instead:
<script
id="zingtree_field_id"
value="my_data_field"
src="//zingtree.com/api/add-session-data-to-form.js">
</script>
This article was originally published October 5, 2016.