Jason McFeetors shows us nocode automation tool n8n. Watch the stream to find out how to send data from Airtable to Webflow using n8n.
What’s n8n? And how is it different from other automation tools like Zapier and Make? n8n ninja Jason McFeetors walks us through how to use n8n to connect different services together. Unlike other popular nocode services, n8n can be run in several ways: via the n8n site, via one’s desktop, or by self-hosting. This self-hosted option can be especially beneficial to organizations who do not want to expose confidential data to third party services, do not want to open up holes in firewalls, or are looking for ways to comply with European data residency restrictions.
n8n is also open sourced, so you can influence and extend the tool in ways not possible with other alternatives.
The first part of the livestream provides an overview of how n8n works and is relevant to anyone looking to learn more about the service.
The featured workflow shows how to send data from Airtable to Webflow and is for anyone looking to send data between the two services.
To follow the featured workflow, you will need accounts on the following services:
The n8n Dashboard shows a number of starter templates that can be used. To create a workflow from scratch, click “New blank workflow” from the upper right corner to access the canvas.
Each workflow must include a Start node. Depending on the workflow, the Start node may or may not be connected to anything.
Since we will be using the Airtable node that triggers when a record is updated, the Start node sits on the canvas by itself.
For the node to run properly, API credentials and information on one’s Airtable base need to be provided. Clicking on the “Docs” link is a quick way to access documentation on what to do.
n8n returns results in either table format or as JSON. Look at the results in the way that makes sense to you. You’ll be able to reference this information in future steps.
You will need to have your Webflow API key and site information to connect n8n to the Webflow site you wish to update via this automation. For this particular workflow, select “Create” for the Operation type.
As you are configuring the Webflow trigger node, you’ll need to access information from prior steps in the workflow. This is done by clicking the gear icon next to the Field Value input box and then selecting “Add Expression.” In the follow-on pop-up, go to “Current Node” > “Input Data” > “JSON” > “fields”.
TIP: Not able to access data from an earlier step? The Airtable and Webflow nodes will need to be connected to one another on the canvas.
TIP: Within the Expression field, it’s also possible to add JavaScript within the double curly brackets to extend the functionality. There’s also a function mode that can be added to workflows to create even more powerful custom code options.
Logs can be found under “Executions” in the left nav bar.
If you are not seeing anything in the logs, go to “Settings” to see if your account is set to log errors.
.svg){kind=icon}