{"id":2171,"date":"2026-01-14T22:40:23","date_gmt":"2026-01-14T22:40:23","guid":{"rendered":"https:\/\/devad.io\/guides\/?p=2171"},"modified":"2026-01-28T18:21:46","modified_gmt":"2026-01-28T18:21:46","slug":"installing-chat-widget","status":"publish","type":"post","link":"https:\/\/devad.io\/guides\/chat-devad-io-docs\/installing-chat-widget\/","title":{"rendered":"Installing CHAT Widget"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"installation-options-for-live-chat-widget\"><strong>Installation Options for <\/strong>Live CHAT widget<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"597\" height=\"655\" src=\"https:\/\/devad.io\/guides\/wp-content\/uploads\/sites\/10\/2026\/01\/image.png\" loading=\"lazy\" alt=\"Live CHAT Widget example \" class=\"wp-image-2175\" srcset=\"https:\/\/devad.io\/guides\/wp-content\/uploads\/sites\/10\/2026\/01\/image.png 597w, https:\/\/devad.io\/guides\/wp-content\/uploads\/sites\/10\/2026\/01\/image-273x300.png 273w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><figcaption class=\"wp-element-caption\">Live CHAT Widget example <\/figcaption><\/figure>\n\n\n\n<p>Choose the method below that best suits your environment:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WordPress Plugin:<\/strong>&nbsp;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.<\/li>\n\n\n\n<li><strong>Any Website (Manual Setup):<\/strong>&nbsp;A universal solution for non-WordPress sites or developers who prefer full control. This involves adding a simple Javascript snippet directly to your site&#8217;s HTML or theme files.<\/li>\n\n\n\n<li><strong>Tag Manager &amp; Cloudflare:<\/strong>&nbsp;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&#8217;s code.<\/li>\n<\/ul>\n\n\n\n<p><strong>Select the tab below that matches your preferred installation method to get started.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-tabs gspb-tabs gspb_tabs-id-gsbp-a404474 gstabs-tabs\" data-autoplay=\"false\" data-autoplaytime=\"4\"><div class=\"t-btn-container\" role=\"tablist\"><button class=\"t-btn active\" aria-selected=\"true\" role=\"tab\" tabindex=\"0\" id=\"gspb-tab-item-btn-gsbp-a404474-0\" aria-controls=\"gspb-tab-item-content-gsbp-a404474-0\"><div class=\"tabtitlelabel\">WordPress Plugin<\/div><\/button><button class=\"t-btn\" aria-selected=\"false\" role=\"tab\" tabindex=\"-1\" id=\"gspb-tab-item-btn-gsbp-a404474-1\" aria-controls=\"gspb-tab-item-content-gsbp-a404474-1\"><div class=\"tabtitlelabel\">Any website<\/div><\/button><button class=\"t-btn\" aria-selected=\"false\" role=\"tab\" tabindex=\"-1\" id=\"gspb-tab-item-btn-gsbp-a404474-2\" aria-controls=\"gspb-tab-item-content-gsbp-a404474-2\"><div class=\"tabtitlelabel\">Tag Manager<\/div><\/button><\/div><div class=\"t-panel-container\"><div class=\"gswipertabs\"><div class=\"swiper-wrapper\">\n<div aria-labelledby=\"gspb-tab-item-btn-gsbp-a404474-0\" id=\"gspb-tab-item-content-gsbp-a404474-0\" role=\"tabpanel\" tabindex=\"0\" class=\"t-panel swiper-slide active\"><div class=\"wp-block-greenshift-blocks-tab\">\n<p class=\"has-medium-font-size\">Step 1<strong>: Installation &amp; Setup<\/strong><\/p>\n\n\n\n<p>Follow these steps to get the <strong>CHAT.devad.io<\/strong>  plugin running on your WordPress site.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Download:<\/strong> Get the latest version of the plugin from <strong><a href=\"https:\/\/chat.devad.io\/docs\/files\/CHAT-devad-io.zip\">here<\/a><\/strong><\/li>\n\n\n\n<li><strong>Upload:<\/strong> Log in to your WordPress Admin. Go to <strong>Plugins &gt; Add New &gt; Upload Plugin<\/strong>. Choose the file named <code>CHAT-devad-io.zip<\/code> and click <strong>Install Now<\/strong>.<\/li>\n\n\n\n<li><strong>Activate:<\/strong> Once the upload is finished, click the <strong>Activate<\/strong> button.<\/li>\n\n\n\n<li>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 :<em>yourwebsite.com<\/em><strong>\/wp-admin\/options-general.php?page=CHAT-devad-io<\/strong><\/li>\n\n\n\n<li><strong>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<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\" id=\"step-2-finding-your-chat-id-configuring-settings\">Step 2: Finding Your Chat ID &amp; Configuring Settings<\/h2>\n\n\n\n<p>To connect your specific account to your WordPress site, you need to link it using your unique ID.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\" id=\"how-to-find-your-chat-id\">How to find your Chat ID<\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Go to your <a href=\"https:\/\/chat.devad.io\/account\/?tab=installation\" target=\"_blank\" rel=\"noreferrer noopener\">CHAT.devad.io Account Installation tab<\/a>.<\/li>\n\n\n\n<li>Look for the <strong>Embed Code<\/strong> section.<\/li>\n\n\n\n<li>In the script code provided, look for the numbers at the end of the URL.<strong>Example:<\/strong> In <code>&lt;script id=\"chat-init\" src=\"...js?id=55747\"&gt;&lt;\/script&gt;<\/code>, your ID is <strong>55747<\/strong>.<\/li>\n\n\n\n<li><strong>Copy<\/strong> that ID and <strong>Paste<\/strong> it into the <strong>Chat ID<\/strong> field in your WordPress plugin settings, then click <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\" id=\"understanding-the-plugin-settings\">Understanding the Plugin Settings<\/h3>\n\n\n\n<p>Once you&#8217;ve entered your ID, you can fine-tune how the chat behaves:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Setting<\/strong><\/td><td><strong>What it does<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>Visibility<\/strong><\/td><td>Choose specific <strong>Page IDs<\/strong> or <strong>Post Type slugs<\/strong> (like &#8220;product&#8221; or &#8220;blog&#8221;) where the chat should (or shouldn&#8217;t) appear.<\/td><\/tr><tr><td><strong>Multisite Routing<\/strong><\/td><td>For WordPress Networks. It automatically sends chats to specific departments that match your Site ID.<\/td><\/tr><tr><td><strong>Sync WP Users<\/strong><\/td><td>Automatically identifies logged-in WordPress users so they don&#8217;t have to type their name\/email into the chat.<\/td><\/tr><tr><td><strong>Force Language<\/strong><\/td><td>Manually sets the chat language (e.g., &#8220;en&#8221; or &#8220;fr&#8221;) to override automatic detection.<\/td><\/tr><tr><td><strong>Feedback Notices<\/strong><\/td><td>Options like <em>Rate it now<\/em> or <em>Dismiss<\/em> allow you to manage the plugin&#8217;s feedback notifications in your dashboard.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><br><\/p>\n<\/div><\/div>\n\n\n\n<div aria-labelledby=\"gspb-tab-item-btn-gsbp-a404474-1\" id=\"gspb-tab-item-content-gsbp-a404474-1\" role=\"tabpanel\" tabindex=\"0\" class=\"t-panel swiper-slide\"><div class=\"wp-block-greenshift-blocks-tab\">\n<p>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&#8217;s code. This is often called the &#8220;Manual&#8221; or &#8220;Javascript&#8221; installation.<\/p>\n\n\n\n<p>Here are the three most common ways to do it, depending on your setup:<br>Method 1: Using a &#8220;Headers and Footers&#8221; Plugin<\/p>\n\n\n\n<p>This is the most common way for WordPress users. It ensures your chat stays active even if you change your theme.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Install a plugin like <strong>WPCode<\/strong>.<\/li>\n\n\n\n<li>Go to <strong>Code Snippets &gt; Header &amp; Footer<\/strong>.<\/li>\n\n\n\n<li>Paste the snippet into the <strong>Footer<\/strong> box:HTML<code>&lt;script id=\"chat-init\" src=\"https:\/\/chat.devad.io\/account\/js\/init.js?id=5357647\"&gt;&lt;\/script&gt;<\/code><\/li>\n\n\n\n<li>Hit <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\" id=\"method-2-manual-html-installation\">Method 2: Manual HTML Installation<\/h2>\n\n\n\n<p>Use this if you are not using WordPress or prefer to edit your theme files directly.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Open your site\u2019s main template file (e.g., <code>footer.php<\/code>, <code>index.html<\/code>, or <code>theme.liquid<\/code>).<\/li>\n\n\n\n<li>Locate the closing <code>&lt;\/body&gt;<\/code> tag at the bottom.<\/li>\n\n\n\n<li>Paste the code <strong>directly above<\/strong> it:HTML<code>&lt;script id=\"chat-init\" src=\"https:\/\/chat.devad.io\/account\/js\/init.js?id=5357647\"&gt;&lt;\/script&gt;<\/code><\/li>\n\n\n\n<li>Save and refresh your site.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\" id=\"pro-tip-testing-the-installation\">Pro Tip: Testing the Installation<\/h3>\n\n\n\n<p>After using any of these methods, the chat should appear in the bottom right corner. If you don&#8217;t see it:<\/p>\n\n\n\n<p><strong>Check Incognito:<\/strong> Browser extensions (like AdBlockers) can sometimes hide chat widgets, so always test in a private window.<\/p>\n\n\n\n<p><strong>Clear your Cloudflare Cache:<\/strong> Go to <strong>Caching &gt; Configuration &gt; Purge Everything<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n<div aria-labelledby=\"gspb-tab-item-btn-gsbp-a404474-2\" id=\"gspb-tab-item-content-gsbp-a404474-2\" role=\"tabpanel\" tabindex=\"0\" class=\"t-panel swiper-slide\"><div class=\"wp-block-greenshift-blocks-tab\">\n<p class=\"has-medium-font-size\">Method 1: Google Tag Manager (Best for Marketers)<br>If you already use GTM, this keeps your chat widget synced with your other tracking tools.<\/p>\n\n\n\n<p>Open your Google Tag Manager container.<\/p>\n\n\n\n<p>Click Tags &gt; New.<\/p>\n\n\n\n<p>Click Tag Configuration and select Custom HTML.<\/p>\n\n\n\n<p>Paste your snippet into the box:<\/p>\n\n\n\n<p>HTML<\/p>\n\n\n\n<p>Click Triggering and select Initialization &#8211; All Pages (this ensures the chat is ready as soon as the site starts loading).<\/p>\n\n\n\n<p>Give the tag a name (e.g., &#8220;CHAT.devad.io Widget&#8221;), click Save, and then click Submit to publish your changes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\" id=\"method-3-cloudflare-zaraz-best-for-speed\">Method 3: Cloudflare Zaraz (Best for Speed)<\/h2>\n\n\n\n<p>If your site uses Cloudflare, this is the cleanest way to install the chat without touching your website&#8217;s code at all.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Log in to your <strong>Cloudflare Dashboard<\/strong> <\/li>\n\n\n\n<li>On the left sidebar, click Tag Setup (Zaraz has been moved here).<\/li>\n\n\n\n<li>Click <strong>Add Tool<\/strong> and select <strong>Custom HTML<\/strong>.<\/li>\n\n\n\n<li>Give it a name like <code> Chat<\/code> and click <strong>Continue<\/strong>.<\/li>\n\n\n\n<li>In the <strong>Settings<\/strong> box, find the <strong>HTML Code<\/strong> field and paste your script:HTML<code>&lt;script id=\"chat-init\" src=\"https:\/\/chat.devad.io\/account\/js\/init.js?id=532247\"&gt;&lt;\/script&gt;<\/code><\/li>\n\n\n\n<li>Under <strong>Triggers<\/strong>, ensure it is set to <strong>All Pages<\/strong> (or create a custom trigger if you only want it on specific sections).<\/li>\n\n\n\n<li>Click <strong>Save<\/strong>.<\/li>\n<\/ol>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"gspb_heading_sep_gsbp-d07e647\"><div class=\"gspb_heading_sep gspb_heading_sep_before\"><\/div><h2 id=\"gspb_heading-id-gsbp-d07e647\" class=\"gspb_heading gspb_heading-id-gsbp-d07e647 \">Chat widget not displaying?<\/h2><div class=\"gspb_heading_sep gspb_heading_sep_after\"><\/div><\/div>\n\n\n\n<p>The chat may not be showing due to the following reasons.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> 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: <b>Chat &gt; Manual initialization<\/b>, <b>Chat &gt; Login initialization<\/b>, <b>Chat &gt; Hide chat outside of office hours<\/b>, <b>WordPress &gt; Manual initialization<\/b>. <\/li>\n\n\n\n<li> 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. <\/li>\n\n\n\n<li> Try disabling any CDN or Proxy (e.g. CloudFlare). Once disabled, check again. <\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"gspb_heading_sep_gsbp-eac1416\"><div class=\"gspb_heading_sep gspb_heading_sep_before\"><\/div><h2 id=\"gspb_heading-id-gsbp-eac1416\" class=\"gspb_heading gspb_heading-id-gsbp-eac1416 \">FAQs &amp; Troubleshooting<\/h2><div class=\"gspb_heading_sep gspb_heading_sep_after\"><\/div><\/div>\n\n\n\n<p><strong>Q: Why is my chat widget not displaying on my website?<br><\/strong>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.<\/p>\n\n\n\n<p><strong>Q: How can I fix the chat not showing because it&#8217;s disabled in settings?<br><\/strong>A: Visit the settings section and deselect all related options such as Chat &gt; Manual initialization, Chat &gt; Login initialization, Chat &gt; Hide chat outside of office hours.<\/p>\n\n\n\n<p><strong>Q: Could caching or JavaScript minification cause chat widget issues?<br><\/strong>A: Yes, try disabling any performance plugins or techniques like cache or JS minification and then check again.<\/p>\n\n\n\n<p><strong>Q: What if I use a CDN or proxy like CloudFlare?<br><\/strong>A: Try disabling the CDN or proxy temporarily and check if the chat widget appears.<\/p>\n\n\n\n<p><strong>Q: Why can&#8217;t I see or test the chat while logged into the admin area?<br><\/strong>A: You cannot see the chat as a user if you&#8217;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.<\/p>\n\n\n\n<p><strong>Q: Does the domain or subdomain I use for testing affect the chat?<br><\/strong>A: Yes, accessing the chat from a different domain or subdomain than the one where it&#8217;s installed can prevent the chat widget from showing.<\/p>\n\n\n\n<p><strong>Q: What if disabling plugins and CDN does not resolve the issue?<br><\/strong>A: Double-check chat settings to ensure it is enabled, and verify domain matching and user login status.<\/p>\n\n\n\n<p><strong>Q: How do performance plugins affect the chat widget?<br><\/strong>A: Some caching or JS minification plugins may interfere with the chat&#8217;s loading and functionality, causing it to not display properly.<\/p>\n\n\n\n<p><strong>Q: Can I test the chat widget without logging out?<br><\/strong>A: Yes, use another browser window in private or incognito mode to simulate a user experience.<\/p>\n\n\n\n<p><strong>Q: Where can I find more detailed troubleshooting steps?<br><\/strong>A: read carefully this document and double check your settings, if all failed<strong> please contact us<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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&#8230;<\/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":".gspb-tabs *{box-sizing: border-box !important}.t-btn-container{display:flex;flex-direction:row;width:100%;align-items:center;margin-bottom:-1px;flex-wrap:wrap}.t-btn-container .t-btn{background-origin: border-box;list-style:none;display:inline-flex;align-items:center;margin:0;padding:11px 24px;cursor:pointer;position:relative;transition:all .4s ease-in-out; font-size:20px}.t-btn-container .t-btn .tabsubtitle{font-size:70%;opacity:.7}.gstabs-tabs .t-btn{border:1px solid transparent;border-top-width:2px}.gstabs-tabs .t-btn:focus{outline:none;}.gstabs-tabs .t-btn.active{border-color:rgba(206,206,206,.4);border-bottom-color:#fff;background-color:#fff;color:#333}.t-panel-container .t-panel{opacity:0;overflow:hidden;display:none}.t-panel-container .t-panel.active{opacity:1;display:block!important}.t-panel-container{margin-bottom:25px;overflow:hidden; padding:30px}.gstabs-tabs .t-panel-container{border:1px solid rgba(206,206,206,.4);background-color:#fff}.t-btn-container ul{margin:0!important;padding:0!important}.gstabs-underline .t-btn-container .t-btn:after{position:absolute;bottom:0;left:0;content:'';height:3px;width:0;transition:width .5s,left .5s,right .5s;}.gstabs-underline .t-btn-container .t-btn.active:after{width:100%;left:0;right:0}.gstabs-pills .t-btn-container .t-btn{margin:0 10px;border:1px solid transparent}.gstabs-vertical{display:flex}.gstabs-vertical .t-btn-container{display:block;width:150px}.gstabs-vertical .t-btn-container .t-btn{margin-bottom:10px;width:150px; border:1px solid transparent}.gstabs-vertical .t-panel-container{flex-grow:1}.t-btn-container .t-btn .gs-image{flex-grow:inherit;}.t-btn-container .t-btn img{margin:0;height:25px;min-width:auto}@keyframes gcwidthleftright{0%{width:0%}100%{width:100%}}@keyframes gcslidefromtop{0%{transform:translateY(-10px);opacity:0}100%{transform:translateY(0);opacity:1}}@media (max-width: 575.98px){body .tabscroll .t-btn-container{overflow-x:scroll;flex-wrap:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;width: 100% !important;white-space: nowrap;display:block; padding-bottom:15px}.tabscroll .t-btn-container .t-btn{scroll-snap-align:start;white-space: nowrap;width: auto !important;margin-right: 10px;}.tabscroll .t-btn-container .t-btn.active{box-shadow:none!important}.gstabs-vertical{display:block !important}.gstabs-vertical .t-panel-container{margin-top:25px}.t-btn-container .t-btn{font-size:15px}}.gswipertabs{overflow:hidden}.t-panel-container .t-panel{width:100%}.t-panel-container p:last-of-type{margin-bottom:0}.gspb_tabs-id-gsbp-a404474 .t-btn-container .t-btn{padding-top:9px;}.gspb_tabs-id-gsbp-a404474 .t-btn-container{justify-content: left}.gspb_tabs-id-gsbp-a404474 > .t-btn-container > .t-btn{background-color: #f5f5f5}.gspb_tabs-id-gsbp-a404474 > .t-btn-container > .t-btn.active{background-color: #e5e5e5}@media(min-width:768px){.gspb_tabs-id-gsbp-a404474 .t-btn-container .t-btn{justify-content:center; flex-grow:1}}.tabtitlelabel{flex-grow:1}.gspb_tabs-id-gsbp-a404474 .t-btn-container .t-btn{gap:10px}@media (max-width: 575.98px){#gspb_heading-id-gsbp-d07e647{font-size:19px;}}#gspb_heading-id-gsbp-d07e647{background-image: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}#gspb_heading-id-gsbp-d07e647{margin-top:0px;margin-bottom:0px;}.gspb_heading_sep_gsbp-d07e647{display:flex; align-items:center;justify-content:space-around}.gspb_heading_sep_gsbp-d07e647 > .gspb_heading_sep{width:40px;}.gspb_heading_sep_gsbp-d07e647 > .gspb_heading_sep{border-top-width: 3px; border-top-color: var(u002du002dwpu002du002dpresetu002du002dcoloru002du002dvivid-purple, #9b51e0); border-top-style: double;}.gspb_heading_sep_gsbp-d07e647 .gspb_heading_sep_before{margin-right:17px;margin-left:17px;}.gspb_heading_sep_gsbp-d07e647{margin-bottom:0px;}#gspb_heading-id-gsbp-d07e647{-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}@media (max-width: 575.98px){#gspb_heading-id-gsbp-eac1416{font-size:19px;}}#gspb_heading-id-gsbp-eac1416{background-image: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}#gspb_heading-id-gsbp-eac1416{margin-top:0px;margin-bottom:0px;}.gspb_heading_sep_gsbp-eac1416{display:flex; align-items:center;justify-content:space-around}.gspb_heading_sep_gsbp-eac1416 > .gspb_heading_sep{width:40px;}.gspb_heading_sep_gsbp-eac1416 > .gspb_heading_sep{border-top-width: 3px; border-top-color: var(u002du002dwpu002du002dpresetu002du002dcoloru002du002dvivid-purple, #9b51e0); border-top-style: double;}.gspb_heading_sep_gsbp-eac1416 .gspb_heading_sep_before{margin-right:17px;margin-left:17px;}.gspb_heading_sep_gsbp-eac1416{margin-bottom:0px;}#gspb_heading-id-gsbp-eac1416{-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}","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,113],"tags":[],"class_list":["post-2171","post","type-post","status-publish","format-standard","hentry","category-chat-devad-io-docs","category-setup-basics"],"acf":[],"menu_order":0,"_links":{"self":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/2171","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=2171"}],"version-history":[{"count":4,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/2171\/revisions"}],"predecessor-version":[{"id":2511,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/2171\/revisions\/2511"}],"wp:attachment":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/media?parent=2171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/categories?post=2171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/tags?post=2171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}