Steps to configure

1. Retrieve Your Fluidfit API Key

To retrieve your Fluidfit API key, go to Fluidfit.ai dashboard, click on the user icon on top right and click settings.

Now click on the API menu on the left side bar menu and copy the API key shown on the screen. If you do not have an API yet, click on Generate Key.

2. Retrieve Your Fluidfit Flow ID 

This is the Flow ID of the Fluidfit flow you want to run.

You must have at least one flow configured within the Fluidfit dashboard to run that via API or an external source. Follow these steps to create a flow:

How to Create a Flow

1. Click on “Add New Flow” on the left side bar

2. Enter a Flow Name of your choice

3. Configure the flow you just created, The flow must have one input media node and one output media node. It can have any number of steps, we are showing just one step of “Resize Image” for simplicity.

Retrieve Flow ID of your Flow

Once your flow is configured, Go to https://developers.fluidfit.ai/docs/fluidfit/get-flow-list and run this API by clicking “SEND API REQUEST” and adding <your API Key> you just retrieved in the last step to the x-api-key parameter. This will give you the list of all your flows with their IDs. Copy the FlowID from the _id parameter from the response corresponding to the flow name you just created that we want to trigger from n8n.

3. On the settings of “On form submission”, Add a Form Title of your choice and a Form Description.

 Add a Form element titled “FluidfitImage” and give it a type “File”. See Screenshot below:

Leave everything else as is, and click on “Execute step” to test the form. It should present with the Form we just created and you should test it by uploading any image successfully.

Once the file is uploaded successfully, it should show on the right side as Output.

Configure HTTP Request Node 

Now go back to Canvas and add a “Http Request Node” next to the “On Form Submission” node and connect them.

Select the “HTTP Request” node to bring up its settings and configure it as below:

1. Method : POST

2. URL : https://api.fluidfit.ai/api/fluid-fit/run-flow

3. Authentication : None

4. Send Headers : True

5. Specify Headers : Using Fields Below

   1. Header Parameters

      1. x-api-key : <YOUR_FLUIDFIT_API_KEY> retrieved in step 1 in this doc.

6. Send Body : True

7. Body Content Type : Form-Data

8. Body Parameters : 

   1. Parameter Type : Form Data

Name : flowId

Value : <YOUR_FLOW_ID> The ID of the flow you want to run, It was retrieved from the get Flow List API in Step 2 above.

2. Parameter Type : n8n Binary File

Name : imageFiles

Value : Fluidfitimage  ( The name of the form field you are extracting the image into, from “On Form Submission” step. )