Setting up a webhook to receive messages from Facebook and Instagram

Need help APIs
1

Hi all!

I’m trying to set up receiving messages from the Meta ecosystem (Facebook, WhatsApp, Instagram) using webhooks

For WhatsApp, I found this video, which perfectly helped set up receiving test data

However, it didn’t work for Facebook and Instagram, although I can’t find any differences in the settings

Here are the steps I take:

  1. Webhook initialization.
    I specify the URL for the webhook, configure it to receive get message requests and return hub.challenge. I’ll say in advance that I’ve already tried to add / and /webhooks and /webhooks/, all this did not help in the end

photo_2024-06-12_14-45-20
photo_2024-06-12_14-45-20339×703 44.4 KB

photo_2024-06-12_14-45-13
photo_2024-06-12_14-48-54
photo_2024-06-12_14-48-54757×293 16.2 KB

As a result, the webhook is successfully initialized and we can clearly see the request from WhatsApp to our bubble application and the response to it

photo_2024-06-12_14-51-32
photo_2024-06-12_14-51-321280×313 32.9 KB

  1. Changing the request type and initializing with values

Next, we look at what Json Facebook plans to send to us and copy it. We change the endpoint type to post and initialize it using postmen with test data from Facebook

photo_2024-06-12_15-02-15
photo_2024-06-12_15-02-15344×572 39.5 KB

photo_2024-06-12_15-02-11
photo_2024-06-12_15-02-11813×307 15.5 KB

Initialization was successful, but when we send a test webhook from a Facebook page with exactly the same data, the data does not arrive and is not displayed in the bubble logs.

photo_2024-06-12_15-02-18
photo_2024-06-12_15-02-181280×698 67.1 KB

Has anyone encountered this or maybe have any ideas? Because mine already seems to be over

1 Like
2

Hey! Did you find a solution for this? I also want to set up the webhooks but can’t figure it out!

3

Still no(

1 Like
4

@darkpanda152 you have to remove /initialize from the endpoint on facebook and try again.

5

Hi, I had the same problem on one of my apps, I ended up using Supabase to manage events transmitted by Instagram.

7

Hey, we are facing same issue. Did you use supabase to setup everything backend or did you use it to just intialize call once? Can you please elaborate more on your response

8

I use it to identify the type of events returned by Instagram and pass it to the right endpoint on my Bubble application (using an edge-function). The structure of the JSON sent by Instagram can change depending on the type of event, so you can’t use a single endpoint on Bubble to handle everything.