Instalar el chat en tu web

El chat se instala pegando una línea de código en tu web. Cada agente tiene la suya y está en su pestaña Widget: la copias, la pegas una vez y el chat aparece en todas las páginas que la lleven.

Antes de empezar

• El agente tiene que estar activo. Un agente en Borrador o En pausa no muestra el chat aunque el código esté pegado. Se activa con el botón Activar (o Reanudar, si estaba en pausa) de la página del agente.
• Tienes que poder editar tu web, o contar con quien lo haga: la persona que la montó, tu agencia o el soporte de tu plataforma. Le basta con el código y con este artículo.
• No hace falta tener el aspecto terminado. Los colores, el saludo y el resto se cambian después desde la aplicación, sin volver a tocar la web. Lo explica personalizar el aspecto del chat.

Copia el código de tu agente

1. Entra en Agentes y abre tu agente.

2. Abre la pestaña Widget y, dentro de ella, Instalación.

3. En Código de instalación verás una línea como esta. Pulsa Copiar.

   <script src="https://backendiagentify.yarqat.com/widget.js" data-agent="clave-de-tu-agente" async></script>

   Copia siempre la de la aplicación, no la de este artículo: la tuya lleva la clave pública de tu agente, que es lo que le dice al chat quién responde.

Pégalo en tu web

El código va justo antes de la etiqueta </body>, en todas las páginas donde quieras el chat. Si tu web usa una plantilla común para todas las páginas, basta con pegarlo una vez en ella.

Si tu web está hecha con una de estas plataformas, sigue su guía:

• Instalar el chat en WordPress
• Instalar el chat en Shopify
• Instalar el chat en Wix
• Instalar el chat en Squarespace
• Instalar el chat en Webflow

En una web hecha a mano (HTML)

1. Abre el archivo de la página, por ejemplo index.html, o la plantilla que comparten todas las páginas.

2. Busca la etiqueta </body>. Está casi al final del archivo.

3. Pega el código en la línea de encima:

       <!-- el contenido de tu página -->
       <script src="https://backendiagentify.yarqat.com/widget.js" data-agent="clave-de-tu-agente" async></script>
     </body>
   </html>

4. Guarda el archivo y publícalo como haces siempre: por FTP, desde el panel de tu alojamiento o con tu sistema de despliegue.

5. Repite los pasos en cada página que no use esa plantilla.

En otra plataforma o gestor de contenidos

Busca en sus ajustes una opción llamada «código personalizado», «insertar código», «scripts» o «pie de página» que añada código a todo el sitio antes de </body>, y pega ahí la línea. Si la plataforma solo deja añadir código en la cabecera (<head>), también sirve: el chat espera a que la página termine de cargar.

Comprueba que funciona

1. Abre tu web en una ventana privada del navegador, para no ver una versión guardada.

2. En una esquina inferior de la página aparece el botón del chat. Púlsalo.

3. Escribe una pregunta. La respuesta llega en unos segundos y la conversación aparece en Conversaciones, dentro de la aplicación.

Después de instalarlo

• Cambiar el aspecto o los textos. Lo que cambies en la pestaña Widget se aplica al pulsar Guardar cambios, sin volver a pegar el código. En tu web puede tardar alrededor de un minuto en verse.
• Cambiar de agente. Cada agente tiene su propio código. Para que otro agente atienda tu web, sustituye la línea por la del agente nuevo.
• Quitar el chat. Borra la línea de tu web. Si lo que quieres es que deje de responder un tiempo, pausa el agente: ten en cuenta que entonces tampoco responde en WhatsApp ni en Instagram.

Si el chat no aparece

Lo más habitual es que el agente no esté activo, que tu dominio no esté en Dominios permitidos o que estés viendo una copia antigua de la página. La lista completa, con cómo comprobar cada causa, está en el chat no aparece en tu web.