Instalar en tu sitio web
Añade el botón de chat a WordPress, Wix, Shopify, Squarespace o cualquier sitio web, o comparte un enlace a la página de chat.
Tu asistente debe estar activo para que los clientes puedan usarlo. Consulta la Guía rápida.
Obtén tu código del chat
- Abre tu asistente y elige Integraciones en la barra lateral.
- Haz clic en Chat del sitio web.
- En Tu código del chat, haz clic en Copiar código.
El código son unas pocas líneas que empiezan con <script. Ya incluye el ID de tu asistente, así que no necesitas cambiar nada.
Si otra persona se encarga de tu sitio web, haz clic en Enviar estas instrucciones por correo a quien gestiona mi web. Se abrirá un correo con el código y los pasos de abajo.
Añade el código a tu sitio web
Elige la herramienta con la que creaste tu sitio web.
WordPress
- Inicia sesión en tu panel de WordPress.
- Ve a Plugins → Add New, busca "WPCode" (o "Insert Headers and Footers"), e instálalo y actívalo.
- Abre Code Snippets → Header & Footer.
- Pega el código del chat en el cuadro Footer.
- Haz clic en Save y abre tu sitio web para ver el botón de chat.
Wix
- Abre tu panel de Wix y ve a Settings.
- En Advanced, elige Custom Code y haz clic en + Add Custom Code.
- Pega el código del chat en el cuadro.
- Configura Add Code to Pages en All pages y Place Code in en Body - end.
- Haz clic en Apply y publica tu sitio.
Shopify
- En el administrador de Shopify, ve a Online Store → Themes.
- Junto a tu tema actual, haz clic en el botón ⋯ → Edit code.
- Abre el archivo
theme.liquid(en Layout). - Pega el código del chat justo encima de la línea que dice
</body>. - Haz clic en Save y visita tu tienda para ver el botón de chat.
Squarespace
- Abre Settings → Advanced → Code Injection. En algunos planes es Website → Pages → Custom Code.
- Pega el código del chat en el cuadro Footer.
- Haz clic en Save y visita tu sitio para ver el botón de chat.
Code Injection requiere un plan Business de Squarespace o superior.
Otros sitios web
- Pega el código del chat en el HTML de tu sitio, en todas las páginas, justo antes de la etiqueta de cierre
</body>. Si tu sitio tiene un pie de página o una plantilla compartida, ponlo ahí. - Publica tu sitio y actualiza una página para ver el botón de chat.
- Si tu sitio usa una Content Security Policy, permite scripts y marcos desde la dirección de Chatzora que aparece en el código.
Comprueba que funciona
- En Chat del sitio web, escribe la dirección de tu sitio en Comprobar que funciona.
- Haz clic en Comprobar mi sitio web.
- Abre tu sitio web y envía un mensaje de prueba en el chat.
Los mensajes enviados desde tu sitio web real son conversaciones reales. Aparecen en Conversaciones y cuentan para tus mensajes mensuales.
¿No tienes sitio web? Comparte tu página de chat
En Chat del sitio web, bajo ¿No tienes sitio web? Comparte tu página de chat, haz clic en Copiar enlace. El enlace se ve así:
https://chatzora.com/widget?agentId=YOUR_ASSISTANT_IDLos clientes pueden abrirlo en cualquier teléfono u ordenador y chatear con tu asistente. Añádelo a tus perfiles de redes sociales, a tu ficha de Google Business, a tus correos o a un código QR.
Desactiva el chat del sitio web
En Chat del sitio web, haz clic en Desactivar el chat del sitio web para ocultar el chat de tu sitio sin quitar el código. Haz clic en Activar el chat del sitio web para mostrarlo de nuevo.
Cómo ven el chat los clientes
- En ordenadores, el chat se abre como una ventana pequeña en la esquina inferior.
- En teléfonos, se abre a pantalla completa.
- La mayoría de las respuestas aparecen palabra por palabra mientras tu asistente las escribe.
Para cambiar colores, textos y posición, consulta Personaliza la ventana de chat.