Typeform
Dynamic Content
Overview
Typeform is a powerful platform that helps you create interactive, conversational surveys that users actually want to complete. Whether you are collecting feedback, measuring NPS, or qualifying leads. Typeform makes it easy to capture high-quality responses.
With CleverTap’s Typeform integration, you can now embed surveys directly into your Email, In-App, and Web Pop-up campaigns.
This integration empowers you to:
- Gather real-time feedback at key moments in the user journey
- Automatically update user profiles based on survey responses
- Trigger personalized campaigns based on how users respond
Prerequisites for Integration
The following are the prerequisites for integrating Typeform with CleverTap:
- Ensure you have access to your Typeform account.
- Ensure you have a CleverTap account.
Integrate Typeform with CleverTap
Use Typeform surveys to collect actionable feedback from your users within CleverTap campaigns. This integration allows you to configure Email, In-App Message, and Web Pop-up campaigns with embedded Typeform surveys to drive engagement and capture insights.
To do so, perform the following two major steps:
Important
Always publish your survey on Typeform before attempting to embed it in a campaign.
Set Up Typeform Survey
Configure and publish your Typeform survey before embedding it into any campaign. This ensures that the survey is accessible and ready to be rendered across different channels.
Follow these steps to prepare your survey:
- Log in to your Typeform account.
- Create a new survey or open an existing one.
- Click the Share tab.
- Select one of the following:
- Embed in an Email: Click Start Embedding to generate an HTML snippet.
- Standard URL: Copy the survey URL (for In-App or Web Pop-up).
Create a new survey
Note
Append query parameters to pass user identifiers for better targeting.
Configure Typeform in CleverTap Campaigns
Configure Typeform in CleverTap Campaigns to effectively embed the survey across different campaign types to collect user responses. You can configure the following campaign types to include your Typeform survey:
- Email Campaign: Embed the survey in emails to reach users directly in their inbox.
- In-App Message Campaign: Display the survey within your app at key moments.
- Web Pop-up Campaign: Surface the survey as a pop-up on your website.
Configure an Email Campaign
Set up and personalize your email campaigns in CleverTap to engage users effectively. To do so, follow these steps:
- Go to the Campaigns page, click + Campaign, and select Email from the list of messaging channels.
- Click Go to Editor under the What section.
- Select a Basic Template, Pre-used Template, or a Saved Template.
- Switch to Source mode in the email editor to edit the HTML code of the email body.
- Paste the copied Typeform HTML snippet (from step 4 of Set Up Typeform Survey) inside the
<body>section in CleverTap Email editor Source.
Insert the HTML Code Snippet
- Preview and test your email campaign to ensure the survey is embedded correctly.
Preview and Test
- Publish the email campaign once testing is complete. The embedded Typeform survey will be delivered as part of the personalized email to your users.
Configure In-App Campaign
Before creating an In-App campaign, ensure your app is configured with the CleverTap SDK and has Push Notifications enabled. This ensures seamless delivery and functionality of In-App messages.
Set up and personalize your In-App campaigns in CleverTap to engage users effectively. To do so, follow these steps:
- Go to Campaigns in the CleverTap dashboard. Click on + Campaign and select In-App Messages from the dropdown menu.
- Click Go to Editor under the What section.
- Select any template from the available options. For this example, we will use Custom HTML Templates.
Custom HTML Templates
- Paste the Typform HTML snippet (from step 4 of Set Up Typeform Survey) inside the
<body>tag of the custom HTML. - Replace YOUR_SURVEY_URL with your Typeform survey URL, available in the Share section of your Typeform account. Adjust the width and height values as needed for optimal display.
<iframe src="YOUR_SURVEY_URL" width="100%" height="500px">
Insert the HTML Code Snippet
- Click Send Test to preview and verify the In-App message.
Send Test
- Click Save and Publish to launch your In-App campaign.
Once published, users will receive personalized In-App messages with the embedded Typeform survey.
In a similar way, you can configure a Web Pop-up campaign to embed a Typeform survey. To learn how to create a Web Pop-up campaign in CleverTap, refer to Create a Message in Web Pop-up.
Updated about 7 hours ago