{"id":753,"date":"2026-10-24T10:40:42","date_gmt":"2026-10-24T15:40:42","guid":{"rendered":"https:\/\/archietechnology.com\/ayuda\/guia\/instalar-el-chat-en-tu-sitio-web\/"},"modified":"2026-10-24T10:40:42","modified_gmt":"2026-10-24T15:40:42","slug":"instalar-el-chat-en-tu-sitio-web","status":"publish","type":"ayuda","link":"https:\/\/archietechnology.com\/en\/ayuda\/guia\/instalar-el-chat-en-tu-sitio-web\/","title":{"rendered":"Install the chat on your website"},"content":{"rendered":"<p><!-- Archie Bots \u00b7 Primeros pasos \u00b7 Estado: borrador (sin publicar) \u00b7 P\u00fablico: administrador del sitio \u00b7 Plan: todos \u00b7 Versi\u00f3n: 0.1 (F1) --><\/p>\n<h2>What you'll achieve<\/h2>\n<p>Get the chat button on your website so your visitors can talk to your bot.<\/p>\n<h2>Before you start<\/h2>\n<ul>\n<li>Our team gives you a <strong>channel code<\/strong>\u00a0that starts with abw_ and the service address.<\/li>\n<li>You must tell us <strong>your site's exact address<\/strong>\u00a0(for example https:\/\/yoursite.com). The chat only works on the addresses we register. If your site works with and without www, let us know both.<\/li>\n<li>You need to be able to add code to your site.<\/li>\n<\/ul>\n<h2>Steps<\/h2>\n<ol>\n<li>Copy this code and replace the service address and channel code with the ones we gave you:<\/li>\n<\/ol>\n<p>&lt;script src=&#8221;https:\/\/TU-SERVICIO\/widget.js&#8221; data-canal=&#8221;abw_TU_CODIGO&#8221; async&gt;&lt;\/script&gt;<\/p>\n<ol>\n<li><strong>If your site is WordPress:<\/strong>\u00a0install a plugin to insert code in the footer, paste the code in the footer field and save. <span class=\"ay-captura\">Screenshot: the plugin's footer field with the code pasted<\/span><\/li>\n<li><strong>If your site is on another platform:<\/strong>\u00a0pega el c&oacute;digo justo antes de la etiqueta de cierre &lt;\/body&gt;&nbsp;de tus p&aacute;ginas.<\/li>\n<li>Open your site in a new window (or in incognito mode) and look for the round chat button at the bottom right. <span class=\"ay-captura\">Screenshot: site with the chat button<\/span><\/li>\n<\/ol>\n<h2>Expected result<\/h2>\n<p>Tapping the button opens the chat. If we set up the privacy notice, the first thing the person sees is the consent text with the &#8220;Accept and continue&#8221; button.<\/p>\n<h2>Common issues<\/h2>\n<details>\n<summary>The button doesn't appear<\/summary>\n<p>See the guide &#8220;The chat doesn't appear&#8221;.<\/p>\n<\/details>\n<details>\n<summary>It appears on one page but not on another<\/summary>\n<p>The code must be on every page where you want it. In WordPress, the footer plugin adds it to the whole site.<\/p>\n<\/details>\n<h2>When to write to us<\/h2>\n<p>If you followed the steps and it doesn't appear, write to us with the address of the page where you installed it and the time of your test. <strong>Don't send us keys or passwords for your site.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Get the chat button on your website so your visitors can talk to your bot.<\/p>","protected":false},"featured_media":0,"menu_order":55,"template":"","meta":{"ay_popular":0,"footnotes":""},"ayuda_seccion":[31,55],"class_list":["post-753","ayuda","type-ayuda","status-publish","hentry","ayuda_seccion-archie-bots","ayuda_seccion-bots-primeros-pasos"],"_links":{"self":[{"href":"https:\/\/archietechnology.com\/en\/wp-json\/wp\/v2\/ayuda\/753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/archietechnology.com\/en\/wp-json\/wp\/v2\/ayuda"}],"about":[{"href":"https:\/\/archietechnology.com\/en\/wp-json\/wp\/v2\/types\/ayuda"}],"version-history":[{"count":0,"href":"https:\/\/archietechnology.com\/en\/wp-json\/wp\/v2\/ayuda\/753\/revisions"}],"wp:attachment":[{"href":"https:\/\/archietechnology.com\/en\/wp-json\/wp\/v2\/media?parent=753"}],"wp:term":[{"taxonomy":"ayuda_seccion","embeddable":true,"href":"https:\/\/archietechnology.com\/en\/wp-json\/wp\/v2\/ayuda_seccion?post=753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}