---
title: "How to add analytics / pixel tools and customizing the design - Devad SITE Guides — Devad"
url: "https://st1.devad.io/help/en/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24"
---

[Skip to content](https://st1.devad.io/help/en/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24#main-content)  

[![Devad.io](https://st1.devad.io/brand/logo-devad-white-mode-v3.png)](https://st1.devad.io)  

[Home](https://st1.devad.io) [POST](https://devad.io/post) [CHAT](https://devad.io/chat) [SITE](https://devad.io/site) [AI](https://devad.io/ai-agent) [Pricing](https://st1.devad.io/pricing)

 

[](https://st1.devad.io/help#hc-search)  [Agent view](https://st1.devad.io/help/en/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24.md)

 

[Docs](https://st1.devad.io/help/en/docs/) [Guides](https://st1.devad.io/help/en/guides/) [Changelog](https://st1.devad.io/help/en/changelog/)

Browse these Guides

[11POST platform connections](https://st1.devad.io/help/en/guides/platform-connections/)  

- [Connect Discord Webhook to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/discord-webhook--243)

- [Connect Slack Webhook to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/slack-webhook--244)

- [Connect Bluesky Profile to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/bluesky-profile--245)

- [Connect WordPress CMS to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/wordpress-cms--246)

- [Connect Ghost CMS to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/ghost-cms--247)

- [Connect OpenCart v3 Articles to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/opencart-v3-articles--248)

- [Connect Dev.to Article to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/devto-article--249)

- [Connect Mastodon Custom Instance to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/mastodon-custom--250)

- [Connect Listmonk Campaign to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/listmonk-campaign--251)

- [Connect Hashnode Post to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/hashnode-post--252)

- [Connect Medium Post to Devad POST](https://st1.devad.io/help/en/guides/platform-connections/medium-post--253)

 [View all POST platform connections](https://st1.devad.io/help/en/guides/platform-connections/)

 

[1Setup Basics](https://st1.devad.io/help/en/guides/setup-basics/)  

- [Installing CHAT Widget](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192)

 

[1WEB App](https://st1.devad.io/help/en/guides/web-devad-io-docs/)  

- [How to add analytics / pixel tools and customizing the design](https://st1.devad.io/help/en/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24)

 

[4Whatsapp](https://st1.devad.io/help/en/guides/whatsapp/)  

- [Connect WhatsApp Business With CHAT.devad.io](https://st1.devad.io/help/en/guides/whatsapp/connect-whatsapp-business-with-chat-devad-io--152)

- [Setting Up Your 360dialog Account](https://st1.devad.io/help/en/guides/whatsapp/setting-up-your-360dialog-account--156)

- [How to Connect WhatsApp Twilio to Chat.devad.io](https://st1.devad.io/help/en/guides/whatsapp/how-to-connect-whatsapp-twilio-to-chat-devad-io--158)

- [WhatsApp voice & video calls](https://st1.devad.io/help/en/guides/whatsapp/whatsapp-voice-video-calls--231)

 [View all Whatsapp](https://st1.devad.io/help/en/guides/whatsapp/)

 

[2More Integrations](https://st1.devad.io/help/en/guides/more-integrations/)  

- [More Integration: Slack, Opencart, Martfury, Zalo, Zendesk, Viber, Line, WeChat](https://st1.devad.io/help/en/guides/more-integrations/more-integration-slack-opencart-martfury-zalo-zendesk-viber-line-wechat--179)

- [How To Export and Import Users in CHAT.devad.io Safely](https://st1.devad.io/help/en/guides/more-integrations/how-to-export-and-import-users-in-chat-devad-io-safely--242)

 

[1Facebook Instagram Messenger](https://st1.devad.io/help/en/guides/facebook-instagram-messenger/)  

- [Messenger (Facebook & Instagram) Setup](https://st1.devad.io/help/en/guides/facebook-instagram-messenger/how-to-enable-messenger-facebook-instagram--162)

 

[1Telegram](https://st1.devad.io/help/en/guides/telegram/)  

- [Telegram AI Agent & Chatbot Setup](https://st1.devad.io/help/en/guides/telegram/telegram-ai-agent-chatbot-setup--177)

 

[1Twitter X](https://st1.devad.io/help/en/guides/twitter-x/)  

- [X (Twitter) AI Agent & Chatbot Setup](https://st1.devad.io/help/en/guides/twitter-x/x-twitter-ai-agent-chatbot-setup--175)

 

[3Ecommerce Features](https://st1.devad.io/help/en/guides/ecommerce-features/)  

- [Shopify Integration](https://st1.devad.io/help/en/guides/ecommerce-features/shopify-integration--181)

- [WordPress Integration](https://st1.devad.io/help/en/guides/ecommerce-features/full-wordpress-integration--183)

- [OpenCart](https://st1.devad.io/help/en/guides/ecommerce-features/opencart--236)

 

[1Lead Gen Features](https://st1.devad.io/help/en/guides/lead-gen-features/)  

- [AI Agent & Chatbot for Automated Appointment & Booking System](https://st1.devad.io/help/en/guides/lead-gen-features/ai-agent-chatbot-for-automated-appointment-booking-system--187)

 

[2Setup & Basics](https://st1.devad.io/help/en/guides/setup-basics2/)  

- [How to connect to you domain with Landing page or Store](https://st1.devad.io/help/en/guides/setup-basics2/how-to-connect-to-you-domain-with-landing-page-or-whatsapp-store--16)

- [Portfolio Showcase Theme – Complete Setup Guide](https://st1.devad.io/help/en/guides/setup-basics2/portfolio-showcase-theme-complete-setup-guide--41)

 

[1Business Themes](https://st1.devad.io/help/en/guides/business-themes/)  

- [How to create Landing Page in less than one hour](https://st1.devad.io/help/en/guides/business-themes/how-to-create-landing-page-in-less-than-one-hour--8)

 

[1Store Themes](https://st1.devad.io/help/en/guides/store-themes/)  

- [How to create Online Store in less than one hour](https://st1.devad.io/help/en/guides/store-themes/how-to-create-online-store-in-less-than-one-hour--30)

  

## Browse these Guides

 

[Help Center](https://st1.devad.io/help/en/)  › [Guides](https://st1.devad.io/help/en/guides/)  › [WEB App](https://st1.devad.io/help/en/guides/web-devad-io-docs/)  › How to add analytics / pixel tools and customizing the design

Guides

# How to add analytics / pixel tools and customizing the design

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…

 

devad

 

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.

 

- Where to Find the Analytics Section
 
- Google Analytics (GA4)
 
- Meta Pixel
 
- Google Ads Conversion Tag
 
- Google Tag Manager (GTM)
 
- Snapchat Pixel / TikTok Pixel / Others

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:

 

~~~

~~~

 

💪

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.

 

- Where to Find It
 
- Custom CSS
 
- Custom JavaScript

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.

 

## Recommended Best Practices

 

### 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.

 

Use this page

 [Ask ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fst1.devad.io%2Fhelp%2Fen%2Fguides%2Fweb-devad-io-docs%2Fhow-to-add-analytics-pixel-tools-and-customizing-the-design--24%20and%20answer%20questions%20about%20the%20content.) [Ask Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fst1.devad.io%2Fhelp%2Fen%2Fguides%2Fweb-devad-io-docs%2Fhow-to-add-analytics-pixel-tools-and-customizing-the-design--24%20and%20answer%20questions%20about%20the%20content.)

 

On this page

[How to Add Analytics to Your Business Page or WhatsApp Store](https://st1.devad.io/help/en/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24#how-to-add-analytics-to-your-business-page-or-whatsapp-store) [How to Customize Design Using Custom CSS or JS](https://st1.devad.io/help/en/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24#how-to-customize-design-using-custom-css-or-js) [Recommended Best Practices](https://st1.devad.io/help/en/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24#recommended-best-practices) [Do I need coding skills?](https://st1.devad.io/help/en/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24#how-to-add-analytics-pixel-tools-and-customizing-the-design-do-i-need-coding-skills) [Will analytics slow down my page?](https://st1.devad.io/help/en/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24#how-to-add-analytics-pixel-tools-and-customizing-the-design-will-analytics-slow-down-my-page) [Can I remove the code later?](https://st1.devad.io/help/en/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24#how-to-add-analytics-pixel-tools-and-customizing-the-design-can-i-remove-the-code-later)

  

Help Center search

## Find an answer yourself

  

Searching Guides only.

 

Type at least 2 characters to search.

  

[![Devad.io](https://st1.devad.io/brand/logo-devad-white-mode-v3.png) ![Devad.io](https://st1.devad.io/brand/logo-devad-dark-mode-v3.png)](https://st1.devad.io)  

Apps Suite Every Business Needs to Start and Grow

 

[](https://x.com/devad_io)  [](https://www.instagram.com/devad.io)  [](https://www.facebook.com/www.devad.io)  [](https://www.linkedin.com/company/devadio/)  [](https://wa.me/905516455142?text=Hi%2C%20I%20have%20a%20question%20about%20Devad.io%20Apps)

 

## Apps

 

- [SITE](https://devad.io/site)
 
- [POST](https://devad.io/post)
 
- [AI](https://devad.io/ai-agent)
 
- [CHAT](https://devad.io/chat)

 

## Company

 

- [Plans & pricing](https://st1.devad.io/pricing)
 
- [Blog](https://st1.devad.io/blog)
 
- [About](https://st1.devad.io/contact-us)
 
- [Contact](https://st1.devad.io/contact-us)

 

## Resources

 

- [Docs](https://st1.devad.io/help/doc)
 
- [Changelog](https://st1.devad.io/help/changelog)
 
- [Help Center](https://st1.devad.io/help)
 
- [Guides](https://st1.devad.io/help/guides)

 

© 2026 All Rights Reserved Devad.io

 

[Privacy](https://st1.devad.io/privacy-policy)  [Terms](https://st1.devad.io/terms-of-service)  [Cookies](https://st1.devad.io/cookie-policy)  [My data](https://st1.devad.io/data-deletion)  [Free tools](https://st1.devad.io/free-tools/)