> 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/facebook-pixel.md).

# Facebook Pixel integration

Track form submissions as events on your Meta pixel.

#### Before You Start

Before enabling this integration, make sure:

* A **Meta (Facebook) Pixel** is already installed on your Shopify store
* The pixel is working correctly (fbq function is available on your storefront)

## How to set it up

{% stepper %}
{% step %}

#### Open the app > click **Forms** > open a form

{% endstep %}

{% step %}

#### **Click Integration on the left side of the form > find Facebook Pixel in the list > toggle it on**

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-8304eaba399ee89436b3f5dece4a8ef7b1b0658e%2Fimage%20(2)%20(1)%20(1)%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### **Click on Facebook Pixel to see the setting detail**

Enter the name of the event you want to send to Facebook Pixel (e.g., `FormSubmission`, `Lead`, `ContactForm`)

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-6f38a55be39927eb54e8c5c241827880cfdf584f%2Fimage%20(6).png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you enter `ContactForm`, then whenever someone submits your form, Facebook Pixel will record this event with that name.
{% endhint %}
{% endstep %}

{% step %}

#### Save the form

Submit your form on the storefront to test the result.
{% endstep %}
{% endstepper %}

## How it works

When a customer submits a form on your storefront, the app processes the event in the following steps:

#### 1. Check if the integration is enabled

The app first checks whether the **Facebook Pixel integration** is enabled for the form.

#### 2. Detect the Meta Pixel on the page

Next, the app checks if the Meta Pixel is properly loaded on the page by detecting the `fbq` function.

{% hint style="info" %}
The `fbq` function is provided by Meta Pixel and is required to track events on your store.
{% endhint %}

If the Meta Pixel is not detected, the event will not be sent.

#### 3. Send the custom event to Meta Pixel

If both conditions are met:

* The integration is enabled
* The Meta Pixel (`fbq`) function is available

The app sends a **custom event** to Meta Pixel using the event name you configured in the app.

#### 4. Data included with the event

Along with the event name, the following data is sent to Meta Pixel:

* **Page title** – the title of the page where the form was submitted
* **Page URL** – the URL of the page where the submission occurred
* **Form title** – the name of the submitted form

#### 5. View the event in Meta Events Manager

After the event is sent:

* It will appear in **Meta Events Manager** as a **custom event**
* Processing may take 15–30 minutes
* You can view event activity, match quality, and integration source

<br>

## Next steps

* [Google Analytics](/integrations/google-analytics.md) — track the same events in GA.
* [Form insights](/submissions/form-insights.md) — the numbers the app records itself.
* [Contact support](/help/contact-support.md) — if the connection still does not work.