How to set up the Meta and TikTok Conversions API in Webflow

Step 1 — Open Meta Events Manager

1. Log in at business.facebook.com.
2. From the left menu, open Events Manager under All tools.

You should see Datasets in the left sidebar.

Step 2 — Create a new dataset (Pixel)

1. Click Connect data in the top-left corner.
2. In Create a new dataset, enter a clear name such as “Signal Beam.”
3. Click Create.

Create a name and click Create.

Meta creates the dataset and moves you into the connection flow.

Step 3 — Choose Web as the data source

1. In Connect a new data source, select Web.
2. Click Next.

Step 4 — Bypass the recommended setup

Meta may recommend Conversions API Gateway or a partner. Signal Beam is your server-side integration, so you don’t need Meta’s gateway.

1. Click See other ways to set up.
2. Select Set up manually.
3. Click Next.

“I’ll handle the Conversions API connection with Signal Beam—just give me the dataset and access token.”

Step 5 — Select Conversions API and Meta Pixel

1. Under How do you want to connect your website?, choose Conversions API and Meta Pixel.
2. Click Next.

This tells Meta to expect both browser and server events for the dataset.

Step 6 — Finish the assistant

1. Click Finish on the confirmation screen.
2. Open the new dataset’s Overview.

You should see Send events from a server and Gather website events from browser activity. For now, you only need the Dataset ID and Conversions API access token.

Step 7 — Copy the Dataset ID

1. Open the dataset’s Settings tab.
2. Find the Details section.
3. Locate and copy the Dataset ID. This is also your Meta Pixel ID.
4. Save it somewhere secure for use in Signal Beam.

Step 8 — Open Set up direct integration

Scroll through Settings to the Conversions API section. You may see cloud-based connection, direct integration, and partner-integration options.

1. Under Set up direct integration, select Set up with Dataset Quality API (Recommended).
2. Click Generate access token.

If Generate access token is greyed out with a “Missing prerequisite” message, add an email address to your business portfolio in Business Settings, then come back.

Step 9 — Select the dataset and generate the token

1. In the dataset dropdown, choose the dataset you just created.
2. Click Generate access token.

If the dataset doesn’t appear

• Refresh Events Manager and try again.
• Check that the Business selector matches the business where you created the dataset.
• Open Business Settings → Data Sources → Datasets and confirm the dataset exists.
• Confirm that your user or ad account has access.
• If necessary, ask a Business Admin to grant you dataset admin access.

If it still does not appear, create a new dataset while remaining in the same business throughout the setup.

Step 10 — Copy and store the Meta access token

1. Copy the complete Conversions API access token immediately. Meta may not show it again.
2. Save it in a password manager or secure note.
3. You’ll paste it into Signal Beam during part three.

Step 11 — Check your Meta credentials

These are the only two Meta values Signal Beam needs to start sending server-side events to your dataset.

Step 1 — Connect a new web data source

1. In TikTok Ads Manager, open Events Manager.
2. Click Connect data source.
3. Choose Web and click Next.

TikTok treats the combined web Pixel and Events API as a Web data source for events such as page views, add-to-cart actions, and purchases.

Step 2 — Add your Webflow website

1. Under Add your website, enter the live URL, such as https://yourdomain.com.
2. Click Next.

TikTok scans the site and suggests connection methods.

Step 3 — Choose Manual setup

TikTok offers partner integrations and a manual setup. Because Signal Beam manages the implementation, you don’t need Shopify, WooCommerce, GTM, or another partner integration.

1. Select Manual setup.
2. Click Next.

Step 4 — Keep TikTok Pixel + Events API selected

Keep the combined TikTok Pixel + Events API option selected rather than browser-only Pixel or server-only Events API. This gives you browser and server events together.

1. Select TikTok Pixel + Events API.
2. Click Next.

Step 5 — Create the TikTok Pixel

The setup guide shows a checklist beginning with Create pixel, Install base code, and Manage configurations.

1. Enter a clear name such as Signal Beam (TikTok).
2. Click Create.

You now have a Pixel container that will also be used with Events API.

Step 6 — Skip the base Pixel code

TikTok normally asks you to copy JavaScript into your site’s <head>. Signal Beam installs the required tracking code later.

1. Do not copy the base code.
2. Click Next.

Step 7 — Enable Automatic Advanced Matching

Automatic Advanced Matching uses customer information such as email or phone to improve matching and attribution.

1. Turn on Automatic Advanced Matching (AAM).
2. Leave the relevant customer information options enabled.
3. Enable Allow first-party cookies.
4. Click Next.

Signal Beam hashes configured user data server-side before sending it to TikTok. AAM can give TikTok an additional opportunity to match browser data.

Step 8 — Move past setup steps 4, 5, and 6

The TikTok wizard may continue through Set up events, Verify Pixel setup, and Set up business funnel. Signal Beam handles event tracking through its own logic and Visual Event Mapper.

• Click Next through these steps.
• Do not add separate event code for the Signal Beam setup.
• You can revisit these screens later if you need additional manual events.

Step 9 — Implement Events API

On 7. Implement Events API, TikTok shows the Pixel ID and an option to generate an access token.

9.1 Copy the TikTok Pixel ID

1. Find Pixel ID in the Getting started box.
2. Copy and securely store it.

9.2 Generate the Events API access token

1. Click Generate access token.
2. Copy the complete token immediately.
3. Store it in a password manager or secure note. TikTok may not display it again.

The Pixel ID identifies the data source; the access token authenticates Events API calls.

Step 10 — Finish the setup

The final screen is Verify eAPI setup / Testing. Testing becomes useful after Signal Beam is connected and sending data.

1. You don’t need to configure testing yet.
2. Click Finish.

Check your TikTok credentials

The Pixel receives browser events, while Events API receives server events from Signal Beam.

Step 1 — Add your Webflow site in Signal Beam

1. Log in and open the Signal Beam dashboard.
2. Click the option to add a site or begin onboarding.
3. Enter a recognizable Site name.
4. Enter the live Website URL, including https://.
5. Click Next or Save & continue.

The Visual Event Mapper loads your live site inside Signal Beam, so a valid HTTPS URL is required.

Step 2 — Enable Meta and TikTok

1. Toggle on Meta and TikTok, or only the platforms you need.
2. Paste the relevant IDs and access tokens from parts one and two.
3. Check the values carefully—access tokens are long and easy to truncate.
4. Click Save & continue.

Step 3 — Let Signal Beam install the script

1. On the Installation step, choose Install automatically.
2. Authorize Webflow if prompted.
3. Select the correct Webflow project.

Signal Beam injects the required code and handles Meta Pixel + CAPI and TikTok Pixel + Events API without a manual copy-and-paste installation.

Step 4 — Publish the Webflow site

1. In Signal Beam, click Open Webflow to publish.
2. In Webflow, click Publish.
3. Select the main custom domain and, if useful, the Webflow staging domain.
4. Publish to the selected domains.
5. Return to Signal Beam and click I’ve installed it or the equivalent confirmation.

The injected script will not run on the live site until Webflow has been published.

Step 5 — Send a test event

1. On Signal Beam’s Verify connection screen, click Send test event.
2. Signal Beam sends a test through Meta Pixel + Conversions API and TikTok Pixel + Events API.
3. Wait for the success or connected indicator.

If the test fails

• Recheck the Meta Pixel/Dataset ID and full Meta token.
• Recheck the TikTok Pixel ID and full Events API token.
• Confirm you published the same domain entered in Signal Beam.
• Try again in an incognito window with ad-blocking extensions disabled.

When the test passes, click Complete setup and continue to the dashboard.

Step 6 — Use the Signal Beam dashboard

From the dashboard, you can:

• Review real-time event logs and payload delivery
• View Match Quality scores and recommendations
• Use the Visual Event Mapper to add custom events without code

This is where you’ll fine-tune tracking after the initial connection.

Check TikTok

1. Install TikTok Pixel Helper from the Chrome Web Store.
2. Open the published site in Chrome.
3. Use the extension to inspect the detected Pixel ID and events such as PageView or button clicks.

Check Meta

1. Install Meta Pixel Helper from the Chrome Web Store.
2. Open the published site.
3. Inspect detected Pixel IDs, events such as PageView, AddToCart, and Purchase, and any warnings.

These browser tools are useful sanity checks after changing a Webflow layout or adding event mappings.