Typeform

Activate Typeform integration

Go to Settings → Integrations and click the activate button in the Typeform box. A dialog box will prompt you to login or confirm that you want to connect to the Typeform account that you are already logged into.

Add Form field to Schema

Once the Typeform integration is activated, the Form field type becomes available for models and components. To allow content editors to include Typeform templates in their content items, follow the steps below:

1. Go to the Schema page and click the model or component for the content items that will include Typeform templates.

2. Click or drag the Form field type to add the form field to the model or component.

3. Enter a Display name for and choose Typeform as the platform.

4. Instead of a field in the model or component, you can also update the Dynamic content field settings to enable the Remote sources and forms content type and check the Typeform option to include the form in a Dynamic content field.

Add forms to your content item

Once you’ve added a form field to a model or component or enabled the form content type on a dynamic content field, you can choose a specific Typeform template in the related content item as follows:

1. Go to the Content tab and click the desired content item from the list.
2. Go to the field matching the Display name of the form field, click Add form, search through the catalog, and add the desired template to the content item. Preview the forms by clicking Show form or the icon next to the form name.
3. Publish the content item to complete the setup.

Retrieve the Typeform templates using the API

Now that you’ve added forms to the content item, you can retrieve the corresponding data using the API. Check out the example code snippets below:

query {
 Page (id: "2a5a1715-cecf-4ba0-bb7c-d59ed0a7f014") {
 
   # The API Id of a text field in the Page content item
   title 
 
   # stack field that includes the Contact component
   content { 
     __typename
     ... on Contact {
       # The API name of the Typeform form field
       contact { 
         # The Typeform Id
         _id 
       }
     }
   	}    
 }
}