Añade un chat en vivo a tu web
Hay dos formas de instalar Parlar: pegar una línea de código en cualquier web, o usar el plugin en WordPress y WooCommerce. Las dos llevan unos minutos.
Instalar
Pega esta línea en todas las páginas, justo antes de </body>.
<script src="https://app.parlar.chat/widget.js" data-site="8kZp3QmV1xTs6yNa" async></script>CopiarWebs permitidas
https://kettleandco.example
https://shop.kettleandco.example
Cualquier web: pega una línea
Funciona en cualquier web en la que puedas añadir código a la plantilla de las páginas.
-
Crea tu cuenta gratis
Después abre Ajustes en el panel de Parlar.
-
Copia la línea de «Instalar»
Ya lleva la clave de tu web.
-
Pégala en todas las páginas, justo antes de
</body><script src="https://app.parlar.chat/widget.js" data-site="la-clave-de-tu-web" async></script> -
Añade tu web a «Webs permitidas»
Es opcional, pero conviene: así el chat solo funciona en las direcciones de la lista, hasta 20.
WordPress y WooCommerce: usa el plugin
El plugin añade el chat a todas las páginas y, en WooCommerce, envía el carrito y firma la identidad de tus clientes.
-
Instala el plugin de Parlar
Súbelo en Plugins y actívalo.
-
Añade la clave de tu web
En Ajustes › Parlar, pega la clave del sitio que te da el panel de Parlar.
-
Añade el secreto del sitio
Cópialo de los ajustes de tu panel. Con él, el plugin firma quién es el cliente con sesión iniciada.
-
Guarda
El botón del chat aparece en la esquina de tu web.
Abre el chat desde tu propio botón
Añade data-launcher="false" a la línea para ocultar el botón de Parlar y abre el chat desde el tuyo. En WordPress, desmarca «Mostrar el botón del chat en la esquina».
<button onclick="CW.open()">Escríbenos</button>
// También tienes:
CW.close();
CW.toggle();
// Tus datos en la ficha del visitante
CW.setContext({ plan: 'Pro' });
window.addEventListener('cw:ready', () => {});Firma la identidad de tus clientes en cualquier web
El plugin de WordPress lo hace por ti. En otras webs, firma la identidad en tu servidor y pásasela al chat antes de su línea. Parlar mostrará entonces el nombre de la persona con el sello «Cliente con sesión iniciada».
- La firma es un HMAC-SHA256, en hexadecimal, de
id|email|name|tscon el secreto de tu web. tses la hora en segundos. Una firma vale durante 48 horas.- Guarda el secreto en tu servidor. Nunca lo pongas en la página.
// En tu servidor (Node.js)
import { createHmac } from 'node:crypto';
const ts = Math.floor(Date.now() / 1000);
const hash = createHmac('sha256', process.env.PARLAR_SECRET)
.update(`${user.id}|${user.email}|${user.name}|${ts}`)
.digest('hex');<!-- En la página, antes de la línea del chat -->
<script>
// ts y hash vienen de tu servidor
window.CWSettings = {
siteKey: 'la-clave-de-tu-web',
user: { id: '42', email: '[email protected]', name: 'Ana R.',
ts: 1760000000, hash: '9f2c…' },
};
</script>Si el chat no aparece
¿Está la línea en la página?
Comprueba que esté justo antes de </body> y que su clave coincida con la de tu panel.
¿Está tu web en la lista?
Si rellenaste «Webs permitidas», el chat solo funciona en esas direcciones. Añade la que estés probando.
¿Ocultaste el botón?
Con data-launcher="false", o con la opción de WordPress desmarcada, el chat solo se abre con CW.open().
¿No sale la identidad firmada?
Revisa el secreto del sitio, y que ts esté en segundos y tenga menos de 48 horas.