Ir al contenido principal

Redactar un mensaje saliente

Cómo formatear texto, imágenes, botones y HTML en tu mensaje saliente.

Escrito por Beth-Ann Sher

Con Outbound, cualquiera puede crear mensajes personalizados que se ven geniales, con rapidez, confianza y facilidad. Es rápido dar estilo al texto, insertar imágenes y añadir un llamado a la acción, todo con unos pocos clics.


Formatea tu texto

  • Formatea el texto manteniendo presionadas cmd + i para cursiva, o cmd + b para negrita (Usa ctrl para Windows).

  • Puedes añadir H1, H2, enlaces y más. Simplemente selecciona un texto y aparecerán las opciones.

  • Para crear una lista con viñetas, solo escribe -, + o * y luego presiona espacio.

  • Para crear una lista numerada, escribe 1) o 1. y presiona espacio.

  • Cualquier URL que escribas se convertirá automáticamente en un enlace después de presionar espacio al final de la 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 usar enlaces ya codificados para prevenir la doble codificación. 👌


Añade videos, imágenes, botones y enlaces

Agregar contenido enriquecido como imágenes/GIFs es fácil. Puedes arrastrarlos y soltarlos en tu mensaje, o añadirlos usando el ícono + a la izquierda de cualquier bloque de contenido.

Los botones no están disponibles para mensajes de chat.

También puedes subir un clip de video, insertar un video, añadir un botón de llamado a la acción, aplicaciones, archivos adjuntos y más.

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


Añadir HTML

  • Agregar HTML solo es posible al crear correos electrónicos. No puedes añadir HTML personalizado a mensajes dentro de la app. Tampoco puedes usar estilos en línea con la opción HTML. Para añadirlo a tus correos, solo selecciona el ícono + a la izquierda de tu bloque de contenido y elige la opción "Insertar HTML".

  • Cuando creas una plantilla de correo electrónico 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 con una plantilla de correo predeterminada. Añadir lo siguiente al código de la plantilla significa que sí lo hacen:

img { 
  max-width: 100%
}
  • También puedes importar tu propio HTML si quieres enviar correos usando plantillas totalmente personalizadas. Solo selecciona la opción 'Editar HTML' en la esquina inferior izquierda del compositor de correos.

  • Añadir 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 vincular a cada usuario a 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 hacerlo 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 constructor 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 constructor visual se pierda permanentemente. Esto no se puede deshacer.

¿Ha quedado contestada tu pregunta?