{"id":1818,"date":"2025-11-29T00:01:28","date_gmt":"2025-11-29T00:01:28","guid":{"rendered":"https:\/\/devad.io\/guides\/?p=1818"},"modified":"2026-01-28T18:21:48","modified_gmt":"2026-01-28T18:21:48","slug":"full-wordpress-integration","status":"publish","type":"post","link":"https:\/\/devad.io\/guides\/chat-devad-io-docs\/full-wordpress-integration\/","title":{"rendered":"WordPress Integration"},"content":{"rendered":"\n

Step 1: Installation & Setup<\/strong><\/h2>\n\n\n\n

Follow these steps to get the CHAT.devad.io<\/strong> plugin running on your WordPress site.<\/p>\n\n\n\n

    \n
  1. Download:<\/strong> Get the latest version of the plugin from here<\/mark><\/a><\/strong><\/li>\n\n\n\n
  2. Upload:<\/strong> Log in to your WordPress Admin. Go to Plugins > Add New > Upload Plugin<\/strong>. Choose the file named CHAT-devad-io.zip<\/code> and click Install Now<\/strong>.<\/li>\n\n\n\n
  3. Activate:<\/strong> Once the upload is finished, click the Activate<\/strong> button.<\/li>\n\n\n\n
  4. 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<\/em>\/wp-admin\/options-general.php?page=CHAT-devad-io<\/strong><\/li>\n\n\n\n
  5. Go Live:<\/strong> By default, the chat is automatically shown on all pages of your site once configured.<\/li>\n<\/ol>\n\n\n\n
    \n\n\n\n

    Step 2: Finding Your Chat ID & Configuring Settings<\/h2>\n\n\n\n

    To connect your specific account to your WordPress site, you need to link it using your unique ID.<\/p>\n\n\n\n

    How to find your Chat ID<\/h3>\n\n\n\n
      \n
    1. Go to your CHAT.devad.io Account Installation tab<\/a>.<\/li>\n\n\n\n
    2. Look for the Embed Code<\/strong> section.<\/li>\n\n\n\n
    3. In the script code provided, look for the numbers at the end of the URL.Example:<\/strong> In <script id=\"chat-init\" src=\"...js?id=55747\"><\/script><\/code>, your ID is 55747<\/strong>.<\/li>\n\n\n\n
    4. Copy<\/strong> that ID and Paste<\/strong> it into the Chat ID<\/strong> field in your WordPress plugin settings, then click Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n

      Understanding the Plugin Settings<\/h3>\n\n\n\n

      Once you’ve entered your ID, you can fine-tune how the chat behaves:<\/p>\n\n\n\n

      Setting<\/strong><\/td>What it does<\/strong><\/td><\/tr><\/thead>
      Visibility<\/strong><\/td>Choose specific Page IDs<\/strong> or Post Type slugs<\/strong> (like “product” or “blog”) where the chat should (or shouldn’t) appear.<\/td><\/tr>
      Multisite Routing<\/strong><\/td>For WordPress Networks. It automatically sends chats to specific departments that match your Site ID.<\/td><\/tr>
      Sync WP Users<\/strong><\/td>Automatically identifies logged-in WordPress users so they don’t have to type their name\/email into the chat.<\/td><\/tr>
      Force Language<\/strong><\/td>Manually sets the chat language (e.g., “en” or “fr”) to override automatic detection.<\/td><\/tr>
      Feedback Notices<\/strong><\/td>Options like Rate it now<\/em> or Dismiss<\/em> allow you to manage the plugin’s feedback notifications in your dashboard.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

      Comprehensive Guide to CHAT.devad.io WordPress Integration<\/h2>\n\n\n\n

      This guide provides a complete, step-by-step manual for configuring the WordPress version of CHAT.devad.io. It covers essential setups such as user synchronization, WooCommerce integration, multilingual support, and advanced developer features. Please note that the settings details provided below are strictly related to the WordPress version of the software installed on your server. If you are utilizing the cloud version of CHAT.devad.io alongside its WordPress plugin, the specific features outlined in this documentation are not available.<\/p>\n\n\n\n

      User Synchronization and Authentication<\/h2>\n\n\n\n

      One of the core features of the integration is the ability to seamlessly synchronize your WordPress user base with the chat platform. WordPress users can be automatically synchronized with CHAT.devad.io by selecting “WordPress” under the Users system<\/strong> option located in the Settings > WordPress<\/strong> area.<\/p>\n\n\n\n

      <\/path><\/svg><\/div>
      \n

      Success!<\/strong> When active, the front-end chat automatically recognizes all logged-in WordPress users and creates a new CHAT.devad.io user account with the exact same details (name, surname, email, and password).<\/p>\n<\/div><\/div><\/div>\n\n\n\n

      Furthermore, the log-in form is designed to recognize the email and password of each WordPress user. Upon logging into CHAT.devad.io, the user is automatically logged into WordPress as well, ensuring a unified experience.<\/p>\n\n\n\n

      Automatic Registration Setup<\/h2>\n\n\n\n

      To facilitate the creation of a WordPress user whenever a visitor registers through CHAT.devad.io, you must enable the specific option found at Settings > WordPress > WordPress registration<\/strong>. It is mandatory to include both password and email fields in the registration form; they are required for this process to function correctly. Once registered, the WordPress user is logged in automatically.<\/p>\n\n\n\n

      Direct Access to Admin Area and Progressive Web App<\/h2>\n\n\n\n

      Administrators and agents have the flexibility to access the admin area directly, bypassing the WordPress interface. This is done by navigating to \/wp-content\/plugins\/script\/script\/admin.php<\/code> and logging in with your default WordPress user credentials or agent email and password. Please keep in mind that your wp-content<\/code> folder location might differ depending on your server configuration.<\/p>\n\n\n\n

      By accessing the admin interface directly, you also gain the ability to utilize the admin area as a Progressive Web App (PWA)<\/strong>. You can find more details on setting this up by clicking the relevant documentation links within the platform.<\/p>\n\n\n\n

      Login and Logout Procedures<\/h2>\n\n\n\n

      To securely logout from the admin area of CHAT.devad.io, you must logout from WordPress via the admin area of CHAT.devad.io. Once you have successfully logged out, you will be able to login with a different WordPress account. To access the admin area from within the WordPress dashboard, you must be logged in with one of the following permissible WordPress user roles: administrator<\/strong>, author<\/strong>, or editor<\/strong>.<\/p>\n\n\n\n

      Getting Page and Post Type IDs<\/h2>\n\n\n\n

      For advanced configuration, you may need to retrieve specific IDs or slugs for pages and posts.<\/p>\n\n\n\n

        \n
      • Get a page or Post Type ID:<\/strong> To get the ID of a specific page or Post Type, go to the admin area of WordPress and edit the page or post. The ID is displayed in the address bar.\n
        Example:<\/em> http:\/\/your-site.com\/wp-admin\/post.php?post=11&action=edit&lang=en<\/code> (In this URL, the page\/post ID is equal to 11).<\/li>\n\n\n\n
      • Get a Post Type slug:<\/strong> The Post Type slug for the blog archive and posts is post<\/code>. The Post Type for pages is page<\/code>. To obtain the slug of a custom Post Type, go to the admin area of WordPress and open the custom Post Type page from the left menu. The slug is displayed in the address bar.\n
        Example:<\/em> http:\/\/your-site.com\/wp-admin\/edit.php?post_type=food<\/code> (In this URL, the slug is food<\/code>).<\/li>\n<\/ul>\n\n\n\n

        Preventing WordPress Emoji Replacement<\/h2>\n\n\n\n

        To prevent WordPress from replacing the chat emojis with the default WordPress ones, you must enter the specific code below into the functions.php<\/code> file of your active theme.<\/p>\n\n\n\n

        function disable_emojis() {\nremove_action(\"wp_head\", \"print_emoji_detection_script\", 7);\nremove_action(\"admin_print_scripts\", \"print_emoji_detection_script\");\nremove_action(\"wp_print_styles\", \"print_emoji_styles\");\nremove_action(\"admin_print_styles\", \"print_emoji_styles\");\n}\nadd_action(\"init\", \"disable_emojis\");<\/code><\/pre>\n\n\n\n
        WordPress Multisite and Multilingual Configuration<\/h2>\n\n\n\n
        WordPress Multisite:<\/strong> If you are running a multisite installation, you must install CHAT.devad.io on the main website<\/strong>.<\/p>\n\n\n\n
        WordPress Multilingual:<\/strong> If you want the chat interface to use the same language as the current page on your website, you must disable the Settings > Chat > Language<\/strong> option. The multilingual feature is fully compatible with the WPML<\/strong> and Polylang<\/strong> plugins. To activate the multilingual feature, navigate to Settings > WordPress > Multilingual plugin<\/strong> and choose either WPML or Polylang.<\/p>\n\n\n\n
        Note that the multilingual feature for WooCommerce product attributes requires the WooCommerce Multilingual Plugin<\/strong> if you are using WPML, or the Polylang for WooCommerce Plugin<\/strong> if you are using Polylang.<\/p>\n","protected":false},"excerpt":{"rendered":"
        Step 1: Installation & Setup Follow these steps to get the CHAT.devad.io plugin running on your WordPress site. Step 2: Finding Your Chat ID &…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":".gs-box{padding:20px;border-left:5px solid transparent;margin-bottom:25px}.gs-box-text>p{margin-bottom:20px;margin-top:0}.gs-box-text>p:last-of-type{margin-bottom:0}.gs-box.info_type{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.gs-box.info_type svg{fill:#30a030}.gs-box.icon_type{display:flex}.gs-box.icon_type .gs-box-icon{width:28px;min-width:28px}.gs-box.icon_type .gs-box-text{flex-grow:1;margin:0 15px}#gspb_infoBox-id-gsbp-user-sync-success svg,#gspb_infoBox-id-gsbp-user-sync-success svg path,#gspb_infoBox-id-gsbp-user-sync-success svg:hover,#gspb_infoBox-id-gsbp-user-sync-success svg:hover path{fill:currentColor!important}#gspb_infoBox-id-gsbp-user-sync-success svg{margin:0!important}","pgc_sgb_lightbox_settings":"","footnotes":"","_siteseo_titles_title":"","_siteseo_titles_desc":"","_siteseo_analysis_target_kw":"","_siteseo_robots_canonical":"","_siteseo_robots_index":"","_siteseo_robots_follow":"","_siteseo_robots_primary_cat":"","_siteseo_social_fb_title":"","_siteseo_social_fb_desc":"","_siteseo_social_fb_img":"","_siteseo_social_twitter_title":"","_siteseo_social_twitter_desc":"","_siteseo_social_twitter_img":""},"categories":[2,121,124,142],"tags":[143,105,104],"class_list":["post-1818","post","type-post","status-publish","format-standard","hentry","category-chat-devad-io-docs","category-ecommerce-features","category-more-integrations","category-features-use-cases","tag-ecommerce-features","tag-chat-app","tag-chat-devad-io"],"acf":[],"menu_order":0,"_links":{"self":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/1818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/comments?post=1818"}],"version-history":[{"count":13,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/1818\/revisions"}],"predecessor-version":[{"id":2510,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/1818\/revisions\/2510"}],"wp:attachment":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/media?parent=1818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/categories?post=1818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/tags?post=1818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}