El compositor de mensajes de Intercom te permite escribir y dar estilo a mensajes salientes usando formato enriquecido, botones, imágenes, video y personalización. Este artículo cubre las herramientas de formato disponibles y qué opciones aplican a cada tipo de mensaje.
Agregar y formatear contenido
Hay tres formas de agregar contenido a un mensaje:
Escríbelo — el compositor soporta atajos estilo Markdown mientras escribes.
El ícono + — inserta imágenes, GIFs, videos, botones y archivos adjuntos.
Arrastrar y soltar — suelta una imagen o archivo directamente en el compositor.
Formato de texto
Formato | Cómo |
Negrita |
|
Cursiva |
|
Encabezados | Selecciona texto y elige un estilo de encabezado, o usa la barra de herramientas |
Lista con viñetas | Comienza una línea con |
Lista numerada | Comienza una línea con |
Código en línea | Envuelve el texto con comillas invertidas simples: `ejemplo` |
Bloque de código | Envuelve el texto con tres comillas invertidas: |
Enlace | Pega una URL (se enlaza automáticamente), o selecciona texto y añade un enlace |
Opciones de formato según tipo de mensaje
La disponibilidad del formato varía según el tipo de mensaje:
| Texto enriquecido | Botones | Centrado de botones | Imágenes / video | Modo HTML |
Publicación (Pequeña y Grande) | Sí ✅ | Sí ✅ | Sí ✅ | Sí ✅ | No ❌ |
Chat (en la app) | Sí ✅ | No ❌ | No ❌ | Sí ✅ | No ❌ |
Sí ✅ | Sí ✅ | Sí ✅ | Sí ✅ | Sí ✅ | |
Banner | Sí ✅ | ✅ (incl. botón URL) | Sí ✅ | Sí ✅ | No ❌ |
Notificación Push Móvil | Título + texto del cuerpo | No ❌ | No ❌ | No ❌ | No ❌ |
Las publicaciones vienen en dos formatos — Pequeño (compacto) y Grande (ancho completo) — elegidos al crear el mensaje. Ambos formatos soportan el mismo formato, incluyendo botones centrados.
Los banners pueden ser en línea o flotantes, posicionados arriba o abajo, y soportan acciones como abrir una URL o un botón URL.
Codificación de URL
Cualquier enlace añadido a un mensaje será codificado en URL.
Por ejemplo, si una URL contiene un espacio así:
https://examply.com/help center
El espacio será reemplazado por %20:
https://examply.com/help%20center
Evita pegar URLs ya codificadas — el compositor maneja la codificación automáticamente, así que las URLs pre-codificadas se codificarán doblemente y se romperán.
Botones
Agrega un botón desde el menú +. Dale texto al botón y una URL de destino; puedes editar ambos después de insertarlos.
Imágenes, GIFs y video
Agrega imágenes y GIFs mediante el ícono + o arrastrando y soltando. Haz clic en una imagen insertada para añadir un enlace, texto alternativo, cambiar tamaño o ajustar su alineación. También puedes añadir archivos adjuntos desde el menú +.
También puedes insertar videos alojados de proveedores como YouTube, Vimeo, Wistia, Loom y Vidyard usando el menú +.
Nota: Los clips de video deben estar en formato mp4 y no superar los 40 MB. Se mostrarán con una relación de aspecto 4:3.
Usa código en línea y bloques de código
Para añadir código en línea, escribe ` al inicio y al final de tu fragmento de código. Se verá así:
ejemplo de código en línea
Para añadir un bloque de código, solo escribe ``` al inicio y al final de tu fragmento de código. Tu bloque de código terminado se verá así:
example code block
example code block
Emails HTML
Agregar HTML solo es posible al crear emails. No puedes añadir HTML personalizado a mensajes en la app. Tampoco puedes usar estilos en línea con la opción HTML. Para añadirlo a tus emails, solo selecciona el ícono + a la izquierda de tu bloque de contenido y elige la opción "Insertar HTML".
Cuando creas una plantilla de email personalizada, no contiene una regla de ancho máximo para imágenes. Así que cuando añades imágenes en el compositor, no se redimensionan para ajustarse como en una plantilla de email predeterminada. Añadir lo siguiente al código de la plantilla hace que sí se ajusten:
img {
max-width: 100%
}También puedes importar tu propio HTML si quieres enviar emails usando plantillas totalmente personalizadas. Solo selecciona la opción 'Editar HTML' en la esquina inferior izquierda del compositor de emails.
Agregar atributos a tus mensajes es fácil. Solo selecciona el ícono que aparece a la derecha de cualquier bloque de contenido, y elige el atributo estándar, personalizado o de evento que quieras incluir en tu mensaje.
Incluso puedes añadir atributos a tus enlaces. Por ejemplo, si quieres enlazar a cada usuario con la página de configuración de su empresa, y la URL es www.yourappname/settings/, puedes añadir a la URL desde tu lista de atributos.
También puedes añadir atributos a bloques HTML. Para esto debes escribir manualmente la sintaxis del atributo. Nota: Para incluir atributos con valores alternativos dentro de atributos HTML, por ejemplo href o src, usa comillas simples para el texto alternativo, ya que usar comillas dobles crea HTML inválido.
Para crear una nueva línea dentro de un bloque de contenido, presiona 'Return'.
Puedes crear un nuevo bloque de contenido presionando 'Return' dos veces.
Para eliminar una imagen o un video, solo selecciónalo y presiona retroceso.
Para eliminar un botón, borra todo el texto dentro y luego presiona retroceso una vez más.
Importante: Si comienzas a crear un mensaje en el editor visual, no cambies al editor HTML a menos que estés seguro de querer continuar. Cambiar al editor HTML es una acción permanente y causará que todo el contenido del editor visual se pierda permanentemente. Esto no se puede deshacer.
Personalización (atributos)
Inserta atributos estándar, personalizados o de evento en cualquier parte de tu mensaje — incluyendo dentro de enlaces y bloques HTML — para personalizar el contenido por destinatario. Siempre establece texto alternativo para que el mensaje se lea correctamente cuando un atributo esté vacío.
Bueno saber
Chats y Notificaciones Push Móviles no soportan botones — usa una Publicación, Email o Banner si necesitas un botón de llamada a la acción.
El video subido directamente debe ser MP4 y menor a 40MB; usa un embed para videos más grandes o alojados.
Cambiar un email a HTML es irreversible.
No pre-codifiques URLs — el compositor las codifica por ti.