> For the complete documentation index, see [llms.txt](https://docs.powerfulform.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerfulform.com/integrations/n8n.md).

# n8n Integration

Send form submissions to an n8n workflow with an authenticated webhook.

## How to set it up

{% stepper %}
{% step %}

### Setup in n8n

First, you need to create a webhook inside your n8n instance to receive the form data.

1. Log in to your n8n dashboard and click **Create workflow**

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-bd542b7829791f9afa4187a84d7de8675e17f368%2Fscreenshot-integration-n8n-integration-1.png?alt=media" alt=""><figcaption></figcaption></figure>

2. Add a new node and select the **Webhook trigger**

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-97ebe88212bf8d512d88fd1b3ad24900b7787625%2Fscreenshot-integration-n8n-integration-2.png?alt=media" alt=""><figcaption></figcaption></figure>

3. In the Webhook settings, configure the following:

* HTTP Method: Select `POST`
* Authentication: Select `Basic Auth`

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-7082048a03d94cf349c1930dffcdaeb018454389%2Fscreenshot-integration-n8n-integration-3.png?alt=media" alt=""><figcaption></figcaption></figure>

4. Under **Credential** for **Basic Auth**, create a new credential and set a **Username** and **Password**
5. Click **Listen for test event** to prepare n8n to receive your form data.

{% hint style="info" %}
Keep the n8n window open; you will need to copy the Webhook URL, Username, and Password into the form app.
{% endhint %}
{% endstep %}

{% step %}

### Turn on n8n integration in the form

Once your webhook is ready in n8n, follow these steps to link it to your form.

1. Click **Forms** > open your form > navigate to the Integrations tab (icon in the left sidebar)
2. Find **n8n** in the list and toggle the switch to ON > click on n8n to see the setting detail

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-c7e7f2560203b5e0ecd2c0230284dedd1458f929%2Fscreenshot-integration-n8n-integration-4.png?alt=media" alt=""><figcaption></figcaption></figure>

3. Enter the following details:

* **Username**: The username you created in the n8n Basic Auth settings
* **Password**: The password you created in the n8n Basic Auth settings
* **Webhook URL**: Copy the Test URL (or Production URL) from your n8n Webhook node

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-3e9f7a98ec3e3be63a78517b82633aa86ec3621e%2Fscreenshot-integration-n8n-integration-5.png?alt=media" alt=""><figcaption></figcaption></figure>

4. Click **Save** button

{% hint style="info" %}
Note on Credentials: The **Username** and **Password** entered in the form app must exactly match the ones you configured in your n8n Webhook node for the connection to be successful.
{% endhint %}

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-100d6a9bb42f77c9dadd34835101c26c007f37aa%2Fscreenshot-integration-n8n-integration-6.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Execute and Test

To ensure everything is working:

1. In n8n, make sure the node is actively "listening"
2. Go to your live Shopify store and submit the form
3. Check n8n: you should see the form data appear in the Output section of your Webhook node
4. Once tested, remember to switch your Webhook to the Production URL and activate the workflow in n8n

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-7d2c4630e4bd472f3c91bfd7c328374ac00573e5%2Fscreenshot-integration-n8n-integration-7.png?alt=media" alt=""><figcaption></figcaption></figure>

Here is how it shows after the form is submitted:

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-bdf21f3c5d2d855f0f2f16c74f10fc559862583e%2Fscreenshot-integration-n8n-integration-8.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

<br>

## Next steps

* [Zapier](/integrations/zapier.md) — the same idea with a Zap.
* [Make](/integrations/make.md) — the same idea with a Make scenario.
* [Contact support](/help/contact-support.md) — if the connection still does not work.
