Skip to main content

Apps Integration: Connecting Meta Pixel

Learn how to connect Meta Pixel to your Studio.Design site using the Apps integration. You can either add custom code in the Design Editor or simply enter your ID in Apps.

Available plans: Mini plan and above (Legacy plans: Starter plan and above)


To track web events using the Meta Pixel, you'll need to verify your domain in Meta Business Settings. For more details on the Meta Pixel, check out the Meta Help Center.

Please note:

  • This guide includes steps for external services. The specifications, behavior, or anything beyond the steps described here may fall outside the scope of our chat support.

  • Screenshots and details of external services in this article reflect information as of January 2022. If anything appears different, please check the latest information directly with the external service.

  • A custom domain is required. This feature is not available on Studio.Design subdomains (studio.site).

1. Verify your domain in Meta Business Settings

As of September 2023, there are three verification methods available. With Studio.Design, you can't use the "Upload an HTML file to your root directory" option. Please use one of the other two methods to verify your domain.

  • Add a meta tag to the HTML source code

  • Update a DNS TXT record with your domain registrar

  • (Not supported by Studio.Design: Upload an HTML file to the root directory)

Please note: You can use the Meta Pixel without verifying your domain, but conversion events may not be tracked correctly on devices running iOS 14 or later.

Update a DNS TXT record with your domain registrar

DNS settings are managed through your domain registrar (the service where you registered your domain), not within Studio.Design. For details, please contact the service or company you've registered your domain with.

2. Add a meta tag to the HTML source code

*These instructions are based on the Meta Business Help Center article.

(1) Set up your domain in Meta

  1. Go to [Domains] under the [Brand Safety] section of Meta [Business Settings].

  2. Click [Add] to add a new domain.

  3. Copy the meta tag shown on the [Business Settings] screen.

(2) Set up custom code in Studio.Design

Setting it up in the Design Editor

  1. Open the editor for the project you want to verify.

  2. Click on the gray area outside the screen.

  3. The settings panel will open in the right panel. If the panel is closed, please open the right panel.

  4. Select the [Site] tab to open the site settings.

  5. Paste the meta tag you copied in step (1) at the end of the <head> section under Custom Code.

  6. If you've made changes to a published site, update your site to apply them.

Setting it up in the Dashboard Apps section

  1. Open the dashboard home for the project you want to verify.

  2. Open [Apps] from the left menu.

  3. Open the Meta Pixel app.

  4. Paste the meta tag you copied in step (1) at the end of the <head> section under Custom Code.
    As shown in the image below, please enter only the ID portion, not the full code.

  5. Click Save.

(3) Verify your domain on Meta

On the Meta [Business Settings] screen, click [Verify Domain].

If your domain can't be verified, an error message will appear.
If domain verification fails, please refer to the Meta Business Help Center article.

Facebook Facebook Ads Meta

Did this answer your question?