Table of Contents

Enhance your Business Page or WhatsApp Store by adding analytics tools and customizing the design with your own CSS or JavaScript. This guide explains how to connect all major tracking platforms and where to place custom code using the built-in Advanced Settings section.

How to Add Analytics to Your Business Page or WhatsApp Store

You can easily integrate Google Analytics, Meta Pixel, Google Ads Conversion Tag, GTM, Snapchat Pixel, or any third-party script by pasting the tracking code inside the Analytics field found in each page or store settings.

Open your Business Page or WhatsApp Store settings → scroll to Analytics. You will find a field to paste your tracking scripts. This field accepts GA4, Pixel, Ads Tag, GTM, TikTok Pixel, Snap Pixel, and more.
Open Google Analytics → Admin → Data Streams → Web → “Install Tag”. Copy the GA4 script and paste it inside the Analytics field of your page or store.
Open Meta Events Manager → Data Sources → Pixel → Install Code Manually. Copy your Pixel script and paste it into the Analytics field.
Go to Google Ads → Tools → Conversions → Choose Web → Install Code. Copy the conversion tag and event snippet and paste them inside the same Analytics field.
Open GTM → Admin → Install GTM. Copy both the and GTM codes and paste them directly into the Analytics field.
Go to the platform’s Pixel Manager → Copy your Pixel Code → paste it in the Analytics field. All standard marketing pixels are supported.

Here is an example of how a GA4 script looks when pasted:

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXX'); </script>
💪
Most analytics tools require no extra setup. Just paste the script and publish your page or store to activate tracking.

How to Customize Design Using Custom CSS or JS

You can customize the appearance and behavior of any Business Page or WhatsApp Store using the built-in Custom CSS / Custom JS options found inside the Advanced Settings panel.

Open the page or store you want to edit → look for Advanced Settings. You will see two fields: Custom CSS and Custom JS.
Use this field to change colors, adjust spacing, hide elements, or add advanced styling. No additional tools are required.
Use this field to add small scripts that modify behavior, trigger animations, or interact with analytics tools. Only lightweight JS is recommended.

Examples of custom code you can add:

/* change button colors */ .button-primary { background: #ff6600; color: #fff; }
// simple JS example document.addEventListener("DOMContentLoaded", function(){ console.log("Custom script is active"); });
💡
Custom code applies only to the specific page or store you edit, which makes it safe and flexible without affecting your entire account.

Do I need coding skills?

No. You only need to paste the tracking script provided by your analytics platform. Custom CSS/JS is optional.

Will analytics slow down my page?

No. All scripts load asynchronously, which keeps the page fast.

Can I remove the code later?

Yes. Simply clear the field inside the Analytics or Custom CSS/JS section and save.
✔️
Your analytics and customization changes apply instantly after saving. No extra deployment or plugin installation is required.