Send file URLs in the form to webhooks

How To
1

Has anyone managed to send the URL of the proform files along with the form through webhooks? I created a form and added a file field, as the file is sent to WordPress and not to the external API I need to send the URL with the form, but how do I configure this?
And if there are several images in the form, what would the configuration be?

2

Hi Thiago :slight_smile:

you can use the :url modifier for the field in your webhook. So if the field ID is files_field and you add it inside the webhook like so:

CleanShot 2025-06-20 at 09.43.41@2x
CleanShot 2025-06-20 at 09.43.41@2x832×652 20 KB

you’ll get all the urls

{
  "name": "Testus Maximus",
  "files": [
    "https://playground.local/wp-content/uploads/2025/06/some-pic.jpg",
    "https://playground.local/wp-content/uploads/2025/06/test-pic-1.png",
    "https://playground.local/wp-content/uploads/2025/06/another-pic.jpg"
  ]
}

On a sidenote, https://webhook.site/ is a pretty nifty little site to check what your webhook is sending, so you don’t spam your actual target with data or run into the issue where the data never arrives cause your target expected x to be y :wink:

3

Wow, thank you very much, it worked perfectly, now I’ll wait for an update to see if it comes with the function to edit the url with proform fields to test PUT and Delete.
One problem I saw is that for the gallery the images go in an [ array ], and bricks doesn’t read this for the gallery, but that’s another topic.

Thank you very much.

4

Hi manc,
Sorry to come back here, but I need another information, when sending it in the way you informed it is going perfectly but it is going like this.

“links”: [
“https://site.com/wp-content/uploads/file1.jpg”,
“https://site.com/wp-content/uploads/file2.jpg”
]

Would it be possible to paste a key in front as a URL?
“links”: [
{ “url”: “https://site.com/wp-content/uploads/arquivo1.jpg” },
{ “url”: “https://site.com/wp-content/uploads/arquivo2.jpg” }
]

I’m trying to tweak this to see if I can display a gallery of these links.

Thank you for your attention.

5

hmm that’s not directly possible but if you can tell me a little more about how you’re trying to build a gallery based on that data and which elements you’re using, I can see if I can find a workaround :wink:

Are you pulling the data back in using an api endpoint or what does your setup look like?

6

So, the question is this, I would actually like to send the files from the form to the API but the webhook doesn’t work, and with the change you showed the URLs were in a [ … ] and it was great, but I thought that with this I would be able to display these dynamic URLs in the bricks as a gallery, but there is no way, at least I couldn’t, getting the link of an image only worked but going through each URL to the gallery doesn’t work.
I was seeing here, even if I can add this url as I told you, it won’t be possible because in the API it is as a component/repeater and in the bricks front it doesn’t even display, so it doesn’t work either.
I don’t think I’ll use the external API that I really wanted, I think I’ll just stick with WordPress.

If you send several images to an API as you informed, the API return will be this.
“gallery”: [
“https://inboxgospel.com/wp-content/uploads/planetas.jpeg”,
“https://inboxgospel.com/wp-content/uploads/95j3gx-1.jpg”
],
I couldn’t make this turn into an image gallery even with a loop, but if you put a text field and put the API return, the links will appear.

But anyway thank you very much,

7

Hi Thiago :slight_smile:

We’re adding a filter in a coming update with which we’ll be able to modify the webhook config. Once that’s out, let’s take another stab at this :slight_smile: