Integrating Typeform Data into Cosmic JS


Typeform is an online software-as-a-service that lets you build conversational forms, surveys, quizzes, landing pages, and more. Zapier gives people internet superpowers by allowing them to connect and automate the apps they use. Using Zapier to connect your Typeform-generated content with Cosmic JS is easy and requires zero coding. In this article I’m going to demonstrate how to publish new Objects containing survey responses in Cosmic JS as they are completed in Typeform. 

Click here to connect Typeform to Cosmic JS using Zapier »


Select a Trigger App: Typeform


Select Your Trigger Account


Select Your Trigger Form


I went ahead and pulled through an entry from a recent Typeform to test my Zap. 


Select an Action App: Cosmic JS


Select Your Cosmic JS Account 


At this point I simply clarify the Object Type I'm sending my Typeform responses to and how I want my content model laid out. I select that I want to pull through first name / last name + the registration response, as pictured below. 


Zapier Test View


Cosmic JS Object View


See it in Action



Conclusion 

I encourage you to start automating workflows with your favorite apps using the Cosmic JS Zapier Integration. It's our goal to help your team build apps faster using your favorite tools. 

If you have any comments or questions about integrating your Cosmic JS Objects into workflows with other apps using Zapier, reach out to us on Twitter and join the conversation on Slack.

Was this article helpful?

Thank you! Your input helps us improve our articles and resources. If you have any other questions or comments, please contact support.

You may also like


To demonstrate how easy it is to get started with Cosmic JS, we'll utilize the Cosmic JS CLI to quickstart a Vue.js Music App. This Music website was built using Vue, Nuxt and Cosmic JS. Users can upload and play tracks, upload and manage album art plus leave comments.
Add the power of Algolia search to your Bucket. This Extension enables you to sync your Cosmic JS Objects with Algolia, making your data searchable. Set up automatic syncing to automatically add / edit / remove content from Algolia. Follow the simple steps below to install and setup Algolia.
Cosmic JS provides tools and resources to create your own unique content publishing workflow that satisfies your team's needs. In this tutorial I'll demonstrate setting up a simple workflow for an Editor and Contributor team that needs to manage content in a draft, review and publish process.
Cosmic JS lets you build one-to-one as well as one-to-many Object Relationships within your Bucket Dashboard. To help you and your team manage content more seamlessly, you can now see your Connected Objects located on the Object’s Edit page in the Dashboard.
Video: Build a Cosmic JS-powered blog using Gatsby
In this tutorial, I’m going to give you an overview of Mux Extension, talk about the benefits of adding Mux to your Cosmic Bucket and show you how to install it to your Bucket in a few clicks.