# n8n Integration

### ⚙️ 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="/files/BhBLrNhHmzQrAYO4UVWM" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/cwpULmwYnjBdIHTBk269" alt=""><figcaption></figcaption></figure>

3. In the Webhook settings, configure the following:

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

<figure><img src="/files/GX4EK3PjxjoXZA5xvEuy" 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.

> \[!TIP] Keep the n8n window open; you will need to copy the Webhook URL, Username, and Password into the form app.

***

### ⚙️ Setup in Form App

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="/files/DvaIb7Wba9kHuViySEbR" 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="/files/GDJy4K4fSKJf010cJKXo" alt=""><figcaption></figcaption></figure>

4. Click **Save** button

> 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.

<figure><img src="/files/dN7N0DiGuBaBy2y000dE" alt=""><figcaption></figcaption></figure>

***

### ✅ 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="/files/YN9DFamdemSsKoQ3dtAI" alt=""><figcaption></figcaption></figure>

Here is how it shows after the form is submitted:&#x20;

<figure><img src="/files/3R6cIT4svzK9HVNZ1A6Q" alt=""><figcaption></figcaption></figure>

***

**Need More Help?**

If you still need assistance, please contact us at [**support@powerfulform.com**](mailto:support@powerfulform.com). Our team will be happy to help you resolve any issues or guide you further.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.powerfulform.com/app-integration/n8n-integration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
