Once you’re in the API Connector in Bubble, we need to set up a new API connection for Urlbox.
Create a new GET request, and paste in the request URL you got from Urlbox.
In my example, we’re going to use this as a data action within our Bubble workflow to fetch the image - so select the Use as: data option.
Given Urlbox is going to return us an image, we need to set the Data type: image to let Bubble know we will be getting an image in the response.
Depending on how you set up your request in Urlbox, you may have several custom URL parameters such as width, height, hidecookies etc.
You’ll also have a parameter for the URL you want a screenshot for.
For each of these, we need to replace the default value in the URL with square brackets and a variable name to let Bubble know we want these fields to be dynamic.
Use values like [url] [width] [height] etc
You’ll then need to populate each of these with your example data as per below.