# 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](/en/help.md)

[Changelog](/en/blogs.md)

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

Getting Started

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

Backend

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

Site Setting

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

Advanced Usage

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

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](/en.md)

![User Community](https://ugc.talizen.com/_assets/site/2061660904709165056/1781070374701__help_qr.webp)

User Community

## Links

- [Pricing](/en/price.md)
- [Solutions](/en/solution.md)
- [Customers](/en/customers.md)
- [Help Center](/en/help.md)
- [Contact Us](/en/contact.md)
- [Blog](/en/blogs.md)
- [Refund Policy](/en/tuikuan.md)

## Resources

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

## Comparisons

- [vs Shianxianle](/en/creght-vs-sxl.md)
- [vs Fanke](/en/creght-vs-fkw.md)
- [自己写代码 vs Creght](/en/compare/self-coding.md)
- [外包 vs 自己做](/en/compare/outsourcing.md)

## Terms

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

## Social Media

- [Xiaohongshu](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6)
- [Bilibili](https://space.bilibili.com/513308095)

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