--- title: "Installing CHAT Widget - Devad CHAT Guides — Devad" url: "https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192" --- [Skip to content](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192#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/setup-basics/installing-chat-widget--192.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/) › [Setup Basics](https://st1.devad.io/help/en/guides/setup-basics/) › Installing CHAT Widget Guides # Installing CHAT Widget Installation Options for Live CHAT widget Getting CHAT.devad.io up and running on your site is designed to be flexible, regardless of your technical setup. Whether… Abdullah HA ## **Installation Options for**Live CHAT widget Getting CHAT.devad.io up and running on your site is designed to be flexible, regardless of your technical setup. Whether you are running a WordPress site, a custom-coded application, or managing your scripts through third-party tools, there is an integration method that fits your workflow. ![Live CHAT Widget example ](https://hub.devad.io/guides/wp-content/uploads/sites/10/2026/01/image.png)Live CHAT Widget example Choose the method below that best suits your environment: - **WordPress Plugin:** The recommended choice for WordPress users. This dedicated plugin allows for deep integration, offering features like automatic user syncing, multisite routing, and visibility control based on page IDs or post types. - **Any Website (Manual Setup):** A universal solution for non-WordPress sites or developers who prefer full control. This involves adding a simple Javascript snippet directly to your site’s HTML or theme files. - **Tag Manager & Cloudflare:** Ideal for marketers and performance optimization. Use Google Tag Manager to sync with other tracking tools, or utilize Cloudflare Zaraz for the cleanest, fastest installation without touching your website’s code. **Select the tab below that matches your preferred installation method to get started.** WordPress Plugin Any website Tag Manager Step 1**: Installation & Setup** Follow these steps to get the **CHAT.devad.io** plugin running on your WordPress site. - **Download:** Get the latest version of the plugin from **[here](https://chat.devad.io/docs/files/CHAT-devad-io.zip)** - **Upload:** Log in to your WordPress Admin. Go to **Plugins > Add New > Upload Plugin**. Choose the file named `CHAT-devad-io.zip` and click **Install Now**. - **Activate:** Once the upload is finished, click the **Activate** button. - Locate Settings: After activation, a new menu item named CHAT.devad.io will appear in your sidebar. You can also find the settings page directly at :*yourwebsite.com***/wp-admin/options-general.php?page=CHAT-devad-io** - **Go Live:** By default, the chat is automatically shown on all pages of your site once configured. --- ## Step 2: Finding Your Chat ID & Configuring Settings To connect your specific account to your WordPress site, you need to link it using your unique ID. ### How to find your Chat ID - Go to your [CHAT.devad.io Account Installation tab](https://chat.devad.io/account/?tab=installation) . - Look for the **Embed Code** section. - In the script code provided, look for the numbers at the end of the URL.**Example:** In ``, your ID is **55747**. - **Copy** that ID and **Paste** it into the **Chat ID** field in your WordPress plugin settings, then click **Save**. ### Understanding the Plugin Settings Once you’ve entered your ID, you can fine-tune how the chat behaves: | Setting | What it does | | --- | --- | | Visibility | Choose specific Page IDs or Post Type slugs (like “product” or “blog”) where the chat should (or shouldn’t) appear. | | Multisite Routing | For WordPress Networks. It automatically sends chats to specific departments that match your Site ID. | | Sync WP Users | Automatically identifies logged-in WordPress users so they don’t have to type their name/email into the chat. | | Force Language | Manually sets the chat language (e.g., “en” or “fr”) to override automatic detection. | | Feedback Notices | Options like Rate it now or Dismiss allow you to manage the plugin’s feedback notifications in your dashboard. | If you prefer not to use the dedicated WordPress plugin, you can install the chat manually by adding the script snippet directly to your website’s code. This is often called the “Manual” or “Javascript” installation. Here are the three most common ways to do it, depending on your setup: Method 1: Using a “Headers and Footers” Plugin This is the most common way for WordPress users. It ensures your chat stays active even if you change your theme. - Install a plugin like **WPCode**. - Go to **Code Snippets > Header & Footer**. - Paste the snippet into the **Footer** box:HTML`` - Hit **Save**. --- ## Method 2: Manual HTML Installation Use this if you are not using WordPress or prefer to edit your theme files directly. - Open your site’s main template file (e.g., `footer.php`, `index.html`, or `theme.liquid`). - Locate the closing `` tag at the bottom. - Paste the code **directly above** it:HTML`` - Save and refresh your site. --- --- ### Pro Tip: Testing the Installation After using any of these methods, the chat should appear in the bottom right corner. If you don’t see it: **Check Incognito:** Browser extensions (like AdBlockers) can sometimes hide chat widgets, so always test in a private window. **Clear your Cloudflare Cache:** Go to **Caching > Configuration > Purge Everything**. Method 1: Google Tag Manager (Best for Marketers) If you already use GTM, this keeps your chat widget synced with your other tracking tools. Open your Google Tag Manager container. Click Tags > New. Click Tag Configuration and select Custom HTML. Paste your snippet into the box: HTML Click Triggering and select Initialization – All Pages (this ensures the chat is ready as soon as the site starts loading). Give the tag a name (e.g., “CHAT.devad.io Widget”), click Save, and then click Submit to publish your changes. ## Method 3: Cloudflare Zaraz (Best for Speed) If your site uses Cloudflare, this is the cleanest way to install the chat without touching your website’s code at all. - Log in to your **Cloudflare Dashboard** - On the left sidebar, click Tag Setup (Zaraz has been moved here). - Click **Add Tool** and select **Custom HTML**. - Give it a name like `Chat` and click **Continue**. - In the **Settings** box, find the **HTML Code** field and paste your script:HTML`` - Under **Triggers**, ensure it is set to **All Pages** (or create a custom trigger if you only want it on specific sections). - Click **Save**. ## Chat widget not displaying? The chat may not be showing due to the following reasons. - You may not see the chat because you have disabled it in the settings area. To fix this, visit the settings section and deselect all options related to that: **Chat > Manual initialization**, **Chat > Login initialization**, **Chat > Hide chat outside of office hours**, **WordPress > Manual initialization**. - Try disabling any performance plugins or techniques like cache or JS minification on your website as they might be causing problems. Once disabled, check again. - Try disabling any CDN or Proxy (e.g. CloudFlare). Once disabled, check again. ## FAQs & Troubleshooting **Q: Why is my chat widget not displaying on my website?**A: Possible reasons include disabled chat in settings, performance plugins interfering, CDN or proxy issues, testing while logged in as admin, or accessing the chat from a different domain or subdomain. **Q: How can I fix the chat not showing because it’s disabled in settings?**A: Visit the settings section and deselect all related options such as Chat > Manual initialization, Chat > Login initialization, Chat > Hide chat outside of office hours. **Q: Could caching or JavaScript minification cause chat widget issues?**A: Yes, try disabling any performance plugins or techniques like cache or JS minification and then check again. **Q: What if I use a CDN or proxy like CloudFlare?**A: Try disabling the CDN or proxy temporarily and check if the chat widget appears. **Q: Why can’t I see or test the chat while logged into the admin area?**A: You cannot see the chat as a user if you’re logged into the admin area. Log out from your admin account or use a private/incognito browser window. You can also execute SBF.reset() in the browser console for a forced logout. **Q: Does the domain or subdomain I use for testing affect the chat?**A: Yes, accessing the chat from a different domain or subdomain than the one where it’s installed can prevent the chat widget from showing. **Q: What if disabling plugins and CDN does not resolve the issue?**A: Double-check chat settings to ensure it is enabled, and verify domain matching and user login status. **Q: How do performance plugins affect the chat widget?**A: Some caching or JS minification plugins may interfere with the chat’s loading and functionality, causing it to not display properly. **Q: Can I test the chat widget without logging out?**A: Yes, use another browser window in private or incognito mode to simulate a user experience. **Q: Where can I find more detailed troubleshooting steps?**A: read carefully this document and double check your settings, if all failed**please contact us** Use this page [Ask ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fst1.devad.io%2Fhelp%2Fen%2Fguides%2Fsetup-basics%2Finstalling-chat-widget--192%20and%20answer%20questions%20about%20the%20content.) [Ask Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fst1.devad.io%2Fhelp%2Fen%2Fguides%2Fsetup-basics%2Finstalling-chat-widget--192%20and%20answer%20questions%20about%20the%20content.) On this page [Installation Options for Live CHAT widget](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192#installation-options-for-live-chat-widget) [Step 2: Finding Your Chat ID & Configuring Settings](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192#step-2-finding-your-chat-id-configuring-settings) [How to find your Chat ID](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192#how-to-find-your-chat-id) [Understanding the Plugin Settings](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192#understanding-the-plugin-settings) [Method 2: Manual HTML Installation](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192#method-2-manual-html-installation) [Pro Tip: Testing the Installation](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192#pro-tip-testing-the-installation) [Method 3: Cloudflare Zaraz (Best for Speed)](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192#method-3-cloudflare-zaraz-best-for-speed) [Chat widget not displaying?](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192#gspb-heading-id-gsbp-d07e647) [FAQs & Troubleshooting](https://st1.devad.io/help/en/guides/setup-basics/installing-chat-widget--192#gspb-heading-id-gsbp-eac1416) ## Keep exploring [### Chat & Conversations Manage conversations Conversations have a total of four different statuses: mark as read, archive, delete and restore. You can manage the status of a conve...](https://st1.devad.io/help/en/docs/setup-basics/chat-conversations--51) [### Having problems? Setup, Configuration, and TroubleshootingGetting the most out of CHAT.devad.io starts with a solid foundation. This guide covers the essential steps to get you up and running—from verifying your account and installing ke...](https://st1.devad.io/help/en/docs/setup-basics/having-problems--81) [### Plans & Pricing Simple Pricing, Powerful Features Select the plan that fits your needs below. From our lifetime Free tier to our high-volume Scale packages, every plan resets…](https://st1.devad.io/help/en/docs/setup-basics/plans-pricing--193) [### Users & Access Manage users from the Users area in the left menu of the admin area. You can import users from Settings > Users > Import users….](https://st1.devad.io/help/en/docs/setup-basics/users-access--195) 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/)