# Meta Pixel Integration Guide | Creght AI Documentation

> This guide covers the Facebook Ads → WhatsApp landing page → WhatsApp conversation funnel. Meta Pixel will record page visits and WhatsApp clicks.…

[![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)Help Center](/help)

[Changelog](/blogs)

[AI](/docs/ai/quick-create-first-website) [Visual](/docs/get-start)

Getting Started

- [Create Your First Website in 5 Minutes](/docs/ai/quick-create-first-website)
- [AI Website Creation Guide](/docs/ai/ai-create-website-guide)
- [Direct Editing: Update Content Without Credits](/docs/ai/ai-edit-content-guide)
- [Use Pick to Bring a Section from Another Template into Your Site](/docs/ai/pick-element-in-tpl)
- [Prompt Library](/docs/ai/prompt-lib)
- [AI Credits Guide](/docs/ai/ai-credits-guide)
- [Creght Skill](/docs/ai/creght-skill)

Backend

- [Add Login, Bookings, Private Pages, and More to Your Website](/docs/ai/backend-database-guide)
- [Configure OAuth Login: Google and GitHub](/docs/ai/backend-auth-guide)

Site Setting

- [Multilingual Website Setup Guide](/docs/ai/localization)
- [Domain Binding Guide](/docs/ai/custom-domain)
- [Alibaba Cloud Domain Purchase Guide (Beginner Version)](/docs/ai/aliyun-domain-registration-guide)
- [Redirect Setup Guide](/docs/ai/redirects)
- [Missing Pages: Redirect or 404?](/docs/ai/redirect-or-404)
- [Meta Pixel Integration Guide](/docs/ai/facebook-meta-pixel)

Advanced Usage

- [Configure Different Default Languages for Different Domains](/docs/ai/domain-locale-routing)

Site Setting/

# Meta Pixel Integration Guide

This guide covers the **Facebook Ads → WhatsApp landing page → WhatsApp conversation** funnel. Meta Pixel will record page visits and WhatsApp clicks.

## Step 1: Create a Meta Pixel

Open [Meta Events Manager](https://business.facebook.com/events_manager2) and click **Connect Data Sources**.

![Connect a data source in Meta Events Manager](https://fsu.creght.com/site/2066727200882692096/1784164504801__meta_pixel_01.png)![Choose the Web data source](https://fsu.creght.com/site/2066727200882692096/1784164502118__meta_pixel_02.png)

Select `Web`, click **Next**, choose `Meta Pixel`, enter a name such as `Creght WhatsApp Pixel`, and click **Create**.

> One website normally needs only one Pixel.

## Step 2: Choose Manual Installation

Choose **Install code manually**. Do not choose Partner Integration, WordPress, Shopify, or Google Tag Manager.

![Meta Pixel installation options](https://fsu.creght.com/site/2066727200882692096/1784164504594__meta_pixel_03.png)![Choose manual Meta Pixel installation](https://fsu.creght.com/site/2066727200882692096/1784164504790__meta_pixel_04.png)![Open the manual installation flow](https://fsu.creght.com/site/2066727200882692096/1784164504892__meta_pixel_05.png)

## Step 3: Copy the Base Pixel Code

Meta generates the code automatically. Click **Copy Code** and do not change the Pixel ID.

```html
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){...}
fbq('init', '123456789012345');
fbq('track', 'PageView');
</script>
```

## Step 4: Install It on Your Creght Site

Open the website editor, paste the full code into the AI chat on the right, and send it to AI.

![Paste Meta Pixel code into Creght AI chat](https://fsu.creght.com/site/2066727200882692096/1784164504395__meta_pixel_06.png)

## Step 5: Track WhatsApp Clicks

Ask AI: `Add the Facebook WhatsApp click event for me.` Meta will then receive a `Contact` event for every WhatsApp click.

| User action | Meta event |
| --- | --- |
| View the page | PageView |
| Click WhatsApp | Contact |

## Step 6: Publish the Website

![Publish the Creght website](https://fsu.creght.com/site/2066727200882692096/1784164505164__meta_pixel_07.png)

Click **Publish** and wait for publishing to finish. The Pixel becomes active only after republishing.

## Step 7: Test the Pixel

Return to Events Manager, select the Pixel, and open **Test Events**.

![Open Meta Pixel Test Events](https://fsu.creght.com/site/2066727200882692096/1784164504140__meta_pixel_08.png)![Enter the Test Events page](https://fsu.creght.com/site/2066727200882692096/1784164505640__meta_pixel_09.png)![Enter the website URL to test](https://fsu.creght.com/site/2066727200882692096/1784164506454__meta_pixel_10.png)![Meta Test Events live event list](https://fsu.creght.com/site/2066727200882692096/1784164504146__meta_pixel_11.png)

Enter your site URL, click **Open Website**, refresh the page, and click WhatsApp. A successful setup shows `PageView` followed by `Contact`.

## Step 8: Check with Meta Pixel Helper (Optional)

Install the **Meta Pixel Helper** Chrome extension and open it on your website.

![Install Meta Pixel Helper](https://fsu.creght.com/site/2066727200882692096/1784164505255__meta_pixel_12.png)![Open Meta Pixel Helper](https://fsu.creght.com/site/2066727200882692096/1784164503817__meta_pixel_13.png)![Meta Pixel Helper result](https://fsu.creght.com/site/2066727200882692096/1784164504940__meta_pixel_14.png)

A correct setup shows `1 Pixel Found` and `PageView`. Clicking WhatsApp adds `Contact`.

## Recommended Events

| Event | Purpose | Recommendation |
| --- | --- | --- |
| **PageView** | Measure page visits | Required |
| **Contact** | Measure WhatsApp clicks | Strongly recommended |

If you later add an enquiry form, trigger `fbq('track', 'Lead');` after successful submission.

On this page

- [Step 1: Create a Meta Pixel](#step-1-create-a-meta-pixel)
- [Step 2: Choose Manual Installation](#step-2-choose-manual-installation)
- [Step 3: Copy the Base Pixel Code](#step-3-copy-the-base-pixel-code)
- [Step 4: Install It on Your Creght Site](#step-4-install-it-on-your-creght-site)
- [Step 5: Track WhatsApp Clicks](#step-5-track-whatsapp-clicks)
- [Step 6: Publish the Website](#step-6-publish-the-website)
- [Step 7: Test the Pixel](#step-7-test-the-pixel)
- [Step 8: Check with Meta Pixel Helper (Optional)](#step-8-check-with-meta-pixel-helper-optional)
- [Recommended Events](#recommended-events)

![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)

This website is built with [Creght](/)

[Discord](https://discord.gg/Qvq2nmZNnb)

## Links

- [Pricing](/price)
- [Help Center](/help)
- [Contact Us](/contact)
- [Blog](/blogs)
- [Refund Policy](/tuikuan)

## Resources

- [All Resources](/resources)
- [Templates](/templates)
- [Components](https://creghtlib.site.creght.com)
- [Animations](/effects)
- [Figma to Creght](/figma2creght)
- [API for AI](/api)

## Terms

- [Terms of Service](/legal/terms)
- [Privacy Policy](/legal/privacy)
- [Acceptable Use Policy](/legal/acceptable-use)

## Social Media

- [Twitter](https://twitter.com)
- [Facebook](https://www.facebook.com)
- [LinkedIn](https://www.linkedin.com)

[蜀ICP备2023038192号-2](https://beian.miit.gov.cn)