La nueva funcionalidad de chat enriquecido incluida en Joinchat 6 te permite crear ventanas de chat más atractivas y efectivas.
Además de usar formatos en el texto como negrita o cursiva, ahora puedes mostrar varios mensajes en la ventana de chat, cada uno con diferentes elementos: enlaces, botones, vídeos, imágenes, GIFs animados y hasta textos aleatorios para captar la atención de tus visitantes.
Con esta mejora, tus llamadas a la acción son mucho más visuales y personalizables, lo que te ayuda a mejorar la conversión y guiar mejor a los usuarios desde el primer clic.
Llamada a la acción
La llamada a la acción es el campo en el que debes mostrar tu mensaje más atractivo y sugerente para captar el interés del visitante. En esta sección te explicamos cómo configurarla con un chat enriquecido paso a paso:
- Dirígete al panel de control de WordPress y haz clic en Ajustes / Joinchat
- En el apartado Ventana de chat / Llamada a la acción haz click en el campo de texto, a la izquierda aparecerá un link de ayuda Chat enriquecido, donde podrás ver las diferentes formas de agregar contenido.
- Haz click en Guardar cambios y revisa la ventana de chat para ver que todo está a tu gusto.
- En cada entrada o página también puedes modificar la Llamada a la acción.
💡 Puedes usar la Vista previa para ver los cambios en vivo.
Variables dinámicas
Joinchat permite usar variables dinámicas dentro de tus mensajes para personalizar automáticamente el contenido en función de la página que el visitante esté viendo. Estas variables se reemplazan en tiempo real por valores concretos del sitio o del producto (si usas WooCommerce).
{SITE} | Nombre del sitio web (ej. Joinchat) |
{TITLE} | Título de la página actual |
{HOME} | URL de inicio del sitio (ej. https://join.chat) |
{URL} | URL limpia de la página actual |
{HREF} | URL completa de la página actual con parámetros (por ejemplo, UTM) |
{PRODUCT} | Nombre del producto |
{SKU} | SKU (referencia) del producto |
{REGULAR} | Precio original del producto |
{PRICE} | Precio actual (con o sin descuento) |
{DISCOUNT} | Porcentaje de descuento si el producto está en oferta |
Formato de texto
Puedes aplicar estilos básicos a tus mensajes usando una sintaxis sencilla:
- Cursiva:
_texto_ - Negrita:
*texto*,**texto**o__texto__ Tachado:~texto~- Texto monoespaciado:
`texto`
Estructura del mensaje
Los mensajes se dividen en burbujas de chat independientes usando:
===Para dividir el contenido en varias burbujas de mensaje.>>>Para añadir notas fuera del chat (por ejemplo avisos, notas o aclaraciones).
Enlaces, imágenes, botones y más
Puedes insertar contenido enriquecido utilizando una sintaxis basada en Markdown o atajos especiales:
| Enlace | [title](https://www.example.com){LINK https://www.example.com title} |
| Botón | {BTN https://www.example.com title} |
| Imagen | {IMG image.jpg width alt_text} |
| Texto aleatorio | {RAND texto_1||texto_2||...||texto_n} |
| Regla horizontal | --- |
💡 Puedes combinar elementos, como imágenes con enlace:{LINK https://ejemplo.com {IMG imagen.jpg}}
🖼️ Sobre las imágenes
- Puedes usar la URL directa o el ID de imagen de tu Biblioteca de Medios.
- Se recomienda usar el ID, ya que ajusta automáticamente el tamaño a la ventana de chat.
- También puedes usar las palabras clave
FEATUREDoTHUMBpara mostrar la imagen destacada del contenido actual:{IMG FEATURED}o
Vídeos y contenido embebido
Esta función sólo está incluida en Joinchat Premium 6
Joinchat detecta automáticamente servicios populares para incrustar contenido en el chat:
| Iframe | #[height](https://www.example.com){IFRAME https://www.example.com height} |
| Vídeo de YouTube | https://www.youtube.com/watch?v=videoidhttps://youtu.be/videoid |
| Vídeo de Vimeo | https://vimeo.com/videoid |
| Calendly Widget | https://calendly.com/username/event |
Ejemplo:{IFRAME https://ejemplo.com 300} incrusta un iframe de 300px de alto.
Ejemplo completo
¡Hola! ¿Quieres más información?
===
{IMG 123 300 Nuestro producto}
===
{RAND ¿Te animas?||¡Descúbrelo ahora!||No te lo pierdas}
