Can't get responses from Typeform into Bubble

Need help APIs
1

(Noob here :slight_smile: )
Iā€™m creating an app that manages recruitment quizzes.
I donā€™t want to recreate a full quiz app in Bubble because Typeform already does it well and it has both an existing Bubble API plugin as well as webhooks to send out form responses to any URL upon user submitting them.
The idea is to have each candidate response added to my appā€™s database in Bubble, so that I can offer HR managers a way to find and manage the best candidates who have responded to the quizzes.

I imagine that the ideal way is to use Typeformā€™s webhook to post to my Bubble app every time a user submits a form. However, the webhook needs a Destination URL and I donā€™t know how to get or create one for my app in Bubble, and how to make those POST requests add actual data into my appā€™s DB in Bubble.

I tried going another way as well, by using Bubbleā€™s existing Typeform plugin.
Iā€™ve installed the plugin, entered my Typeform API key, created the ā€œall_candidates_scoresā€ page in my bubble app (to test the connection), created a RepeatingGroup, and used the following in the Repeating groups configs:

  • Type of Field: Form Responses responses
  • Data source: Typeform - Form Responses responses (+ correct form ID, + parameter completed = true)
    Then, in each line of the repeating group, I added a few text fields and tried to pull in data using:
  • Current Cellā€™s Form Responses response + one of the fields available there from Typeform.

I can retrieve some metadata from my form in that RepeatingGroup, such as date_submitted, question ID, etc. But the responses themselves come in blank. The repeating group does show the correct number of lines equal to the number of my existing responses in Typeform, but nothing is pulled in those text fields.
I spent a few days already troubleshooting this by simply canā€™t find how to do it.
I tried to change to form responsesā€™ questions and I can successfully pull in the question headers, but not the answers.

I need those answers into my appā€™s DB one way or another.
Please, anyone help me if you can.
My test app is open to the public, so you can check it out.

2

Iā€™m not familiar with the Typeformplugin. Hopefully someone who is can assist there.

For the webhook approach, I believe you would have to create an API Workflow (endpoint) in Bubble (enable it settings if you have a paid account). Then use the url https://appname.bubbleapps.io/version-test/api/1.1/wf/my_endpoint in Typeform for the webhook, where ā€˜my_endpointā€™ is the name of your Bubble endpoint. Of course you would need to setup your endpoint to create a record in your Bubble db. Thereā€™s more on this here: https://bubble.io/reference#API.introduction.

2 Likes
3

Thank you louisadekoya.
Iā€™ll try this out on the weekend.

4

Hi @rscestari,

I actually published this plugin, and you ran into quite an issue that I didnā€™t know about. The problem is that your response fields arenā€™t being returned by the API, instead, the ones I used to set up the plugin are. So, Iā€™ve reached out to Bubble to see if this is just a bug or a bigger incompatibility issue, so Iā€™ll keep you posted.

If we do get it fixed, this would be a great, direct way of accessing your data. But you DO have a couple more options:

  1. Exactly what @louisadekoya suggested
  2. Integrate the Typeform API directly into your app with the API Connector. This would be a nearly identical setup to the plugin, but youā€™re in a little more control over the API configuration. If youā€™d like, Iā€™d be more than happy to get that set up for you.

Gaby | Coaching Bubble

2 Likes
5

Hi @romanmg,
Thank you so much for helping me out with this.
I was going crazy with this issue.
Iā€™m still very new to Bubble and also to working with APIs, so I though I had hit a wall with my lack of competence.
Iā€™ll try to learn a bit more about APIs and try to set one up now.
However, if you have time to help me set it up, I would be really thankful.
Keen to learn.
Thanks!

1 Like
6

Hi @romanmg,
I managed to create my own API with Bubbleā€™s API connector and it worked!
Thanks for the tip. This is actually fun.
Iā€™ll have each quiz as a different form in Typeform, so Iā€™ll probably create a few different API calls, but is all good.
Now Iā€™ll need to find out how to work with workflows to have that call updating my DB in Bubble based on a timeframe or record ID (so it doesnā€™t keep updating all records from the start of time.)
Thanks so much for your help!

1 Like
7

@rscestari Awesome! Iā€™m so glad to hear it :slight_smile: Yeah, this is a good API to play around with.

1 Like
8

Hi @rscestari! Iā€™m having the exact same challenge right now, working with Typeform and want to get the answers into my Bubble DB.

How did you manage to do it? Iā€™d be so grateful if you could explain me the steps.

Thank you!

1 Like
9

Hi @romanmg,

Do you have news from Bubble regarding your/Typform plugin ?

Thanks,

10

Hey @rscestari sorry that Iā€™m so late to the game.

Can I get your help via screenshots on how you managed to initialise an api call using Bubble API connector?

And what URL did you use when you created the App Token in your bubble account.

Thanks!!

11

is there any thing we should do before clicking detect data

when I trigger, it is just loading only nothing is happening

i have also set ON on my typeform webhooks

But in my delivery section it is showing 401 error

How can fix it up?