Typeform integration

This feature is available in the Boost plan.

Typeform is a form and survey platform for collecting information. You can integrate your Typeform content into your Product Fruits hints and tour cards, as well as identify your Product Fruits users in Typeform submissions.

How to

When in the editor, create a tour card or hint. Now you can click on the orange dots or the green plus icon to add a new section and then select "Typeform". Just fill in the share link that is provided on the Typeform website. Adjust the height as needed, hitting the update button to see the changes. It's best to try to keep form/survey questions as short as possible to avoid a scrollbar appearing. 

Advanced Features

Typeform accepts information passed to it via url endings. Product Fruits passes all the properties it has on the current user automatically. This functionality holds a twofold benefit. It allows you to personalize forms and surveys, but you can also have this information appear in the results section of your form or survey so that you can see how different types of users are responding. 

There are two steps to setting this up. First, on the create tab of Typeform, access the logic tab, and click on Hidden Fields. Add as many as you like. For Product Fruit's built-in properties, write them in the syntax of pf_propertyname and for custom properties use pf_prop_propertyname. For example, the username property would be written as pf_username, and the custom property usertype, would be written as pf_prop_usertype.  At the moment, only two built-in properties are sent to Typeform: username and email. If you have a use case for one of the other built-in properties, then let us know.


The second step is to leave off the hashtag and everything following it at the end of your form link when integrating it into your tour card or hint. For example, if your link is https://XXXXX.typeform.com/to/LEZBmBLO#pf_firstname=xxxxx&pf_username=xxxxx, then just use https://XXXXX.typeform.com/to/LEZBmBLO. 

With these two steps completed, you'll now be able to have tour questions like this.

And you'll be able to see the following information in Typeform.


CSP reminder -

If your application uses content security protocol, then you must modify your policy for TypeForm as you did for Product Fruits.