Documentation menu

Bloques interactivos

Cada bloque interactivo viene con tres niveles de salida (cinético, estático y Outlook), así que nunca tienes que pensar en compatibilidad mientras diseñas. Esta página es un resumen rápido de lo que hace cada bloque y cómo se ve su alternativa. El sistema de niveles en sí se explica en Cómo funcionan las alternativas.

Cada bloque también tiene su propia página dedicada con la superficie de configuración completa y ejemplos trabajados, enlazada al final de su sección más abajo. ¿Buscas gráficos, tarjetas de indicadores clave o paneles de control en su lugar? Mira Bloques de analítica y gráficos.

Carrusel

Una galería de imágenes deslizable con puntos de navegación y flechas, impulsada enteramente por CSS.

  • Interactivo: los destinatarios recorren las diapositivas en el mismo lugar. Cada diapositiva puede llevar un pie de foto y un enlace.
  • Alternativa: la primera diapositiva, más un enlace "Ver las N diapositivas" hacia la vista en vivo alojada — donde cada diapositiva está a un toque de distancia, no perdida.

Guía completa y ejemplos

Acordeón

Secciones expandibles — ideales para preguntas frecuentes, detalles de pedidos, o para mantener escaneables los correos largos.

  • Interactivo: al tocar un título se expande su contenido.
  • Alternativa: todos los elementos se renderizan expandidos, así que no se pierde nada.

Guía completa y ejemplos

Encuesta

Una encuesta de un solo toque. Cada opción es un enlace que registra el voto en el momento en que se confirma.

  • Interactivo: los destinatarios votan sin salir de la bandeja de entrada; el bloque confirma su elección.
  • Alternativa: las opciones se renderizan como botones que registran el voto a través de una página alojada. Votar funciona en todos los clientes de correo, porque los enlaces simples son la única primitiva universal.

Los resultados fluyen hacia las analíticas de tu proyecto. Mira Interacciones y analíticas.

Guía completa y ejemplos

Formulario

Un creador de encuestas completo de varias páginas, directamente dentro del estudio. Agrega tantos tipos de pregunta como necesites, divídelos opcionalmente en páginas, y lee los resultados como resúmenes por pregunta en lugar de un volcado sin procesar.

  • Tipos de pregunta: texto corto, texto largo, correo electrónico, número, teléfono, fecha, menú desplegable, casilla única — más opción múltiple (elegir una), casillas de verificación (elegir cualquier número), escala lineal, y calificación por estrellas. Combina libremente; un formulario es solo un contenedor de hijos form-field de los tipos que agregues. (Las preguntas de subida de archivos aún no son compatibles).
  • Formularios de una sola página funcionan exactamente como antes: en clientes que admiten envíos de formularios dentro del correo, los destinatarios completan cada campo y envían sin salir de la bandeja de entrada; en cualquier otro lugar el formulario se renderiza como un botón de llamado a la acción que abre el mismo formulario en una página alojada.
  • Encuestas de varias páginas: dale a cualquier pregunta un número de página en el inspector para dividir un formulario en varias páginas — una progresión estilo "Página 1 de 3" con navegación Atrás. Como paginar un formulario real no se puede expresar como HTML/CSS estático, un formulario de varias páginas siempre se envía como un único botón Iniciar encuesta (personaliza su etiqueta) que abre el asistente de encuesta alojado; los destinatarios responden una página a la vez, y las respuestas se trasladan automáticamente entre páginas, incluso si usan Atrás. Nada se registra hasta que se envía la última página — una encuesta abandonada a la mitad no deja ninguna respuesta parcial.

Cada envío — de una o varias páginas — llega a tus respuestas por destinatario, y se resume por pregunta en la página de Respuestas: mira Resúmenes de preguntas de encuesta.

Guía completa y ejemplos

Cuenta regresiva

Un temporizador en vivo para lanzamientos, ofertas y plazos. Los temporizadores de cuenta regresiva se generan como GIF animados renderizados en el servidor — la única técnica que sigue contando en todos los clientes principales — con un primer cuadro con sentido para clientes que solo muestran imágenes estáticas.

Guía completa y ejemplos

Calificación

Una pregunta de retroalimentación de un solo toque — el bloque detrás de las encuestas estilo CSAT, CES y NPS. Igual que las encuestas, cada opción es un enlace registrado, así que las calificaciones funcionan en todas partes: un toque en la bandeja de entrada, confirmación en una página alojada.

  • Estilos de visualización: Estrellas (la fila clásica de 3 a 10 estrellas), Escala numerada (una fila estilo Likert de botones numerados con tus propias etiquetas de extremo bajo/alto — por ejemplo, "Muy en desacuerdo" → "Muy de acuerdo"), o NPS (una fila fija de 0 a 10 con "Nada probable" → "Extremadamente probable" por defecto). Los tres envían la misma acción rate, así que cambiar de estilo nunca rompe las respuestas existentes.
  • Umbral de alerta por calificación baja: define "calificación ≤ N" en el bloque para marcar una mala respuesta en el momento en que llega — es lo que impulsa tanto el indicador lowScore del webhook como los correos de alerta dentro de la app. Cada bloque de calificación define su propio umbral, ya que una pregunta CSAT de 1 a 5 y una pregunta CES de 0 a 10 necesitan puntos de corte distintos.
  • Pregunta de seguimiento: opcionalmente haz una pregunta de texto libre — "¿Qué salió mal?" — cada vez que una respuesta caiga en o por debajo de un umbral que definas. Solo aparece en la vista en vivo alojada (el HTML del correo no puede ramificarse), inmediatamente después de enviar la calificación, y llega a tus respuestas como una respuesta normal vinculada al mismo destinatario.

Las respuestas se resumen automáticamente en promedios, distribuciones de respuestas, una puntuación NPS cuando corresponde, y tendencia a lo largo del tiempo — mira Respuestas y webhooks.

Guía completa y ejemplos

Gira y gana

Una rueda promocional gamificada que asigna una recompensa. Donde se admite CSS cinético, la rueda se anima en el correo; en cualquier otro lugar los destinatarios obtienen una revelación equivalente de un solo toque a través de la vista en vivo, así que todos los destinatarios pueden ganar.

Guía completa y ejemplos

Cuestionario

Un cuestionario puntuado de varias preguntas — la respuesta del estudio a los cuestionarios de puntuación de leads y las pruebas de personalidad/conocimiento. Agrega un bloque de Cuestionario, y luego coloca hijos de Pregunta de cuestionario dentro de él, cada uno con sus propias opciones y una respuesta correcta.

  • Interactivo: en clientes que admiten envíos de formularios dentro del correo, los destinatarios responden cada pregunta y envían de una sola vez, directamente desde la bandeja de entrada.
  • Alternativa: en cualquier otro lugar, un enlace abre el mismo cuestionario en la vista en vivo alojada — no hay un nivel de enlace por respuesta como el de encuesta/calificación, ya que una combinación de varias preguntas no se puede enumerar como simples enlaces GET.
  • Puntuación: las respuestas correctas se verifican en el servidor contra la clave de respuestas configurada del bloque — nunca se confía en lo que envía el cliente — y al destinatario se le muestra uno de dos mensajes de resultados configurables según haya superado o no el puntaje de aprobación que definiste (un porcentaje de respuestas correctas). Define una redirección para enviarlo a algún lugar específico después, como una página de cupón para un puntaje aprobatorio.

Cada envío llega como un evento normal en Interacciones y analíticas, con el puntaje calculado y las respuestas por pregunta como su valor.

Guía completa y ejemplos

Rasca y gana

Una tarjeta de premio para raspar y revelar — la misma mecánica detrás de las revelaciones promocionales gamificadas, construida sobre la misma técnica CSS :checked que los bloques de acordeón y gira y gana.

  • Interactivo: al tocar la superficie de raspado se revela el premio debajo, directamente en la bandeja de entrada.
  • Alternativa: el premio se renderiza sin ocultar por defecto donde el gesto de revelación no se admite — el mismo patrón de "opción segura por defecto" que usa el acordeón — así nadie se queda nunca mirando una tarjeta que no se puede raspar.

Guía completa y ejemplos

Producto

Vende directamente desde el correo: una tarjeta de producto con un botón Comprar ahora. Su campo Pago elige a dónde va un toque. Pago de MailInApp (Stripe) procesa un pago real sin necesidad de una tienda — conecta primero tu propia cuenta de Stripe en Configuración → Pagos, y los fondos se liquidan directamente ahí; MailInApp nunca los retiene ni ve los datos de la tarjeta. Enlazar al pago de una tienda externa en su lugar envía al comprador directamente a una página de producto en tu propia tienda conectada de Shopify/WooCommerce.

En modo Pago de MailInApp:

  • Cumplimiento del pedido: Digital (un enlace o código de descarga que ingresas en el bloque, enviado por correo automáticamente en el momento en que se confirma el pago) o Físico (Stripe Checkout recopila una dirección de envío; marcas el pedido como enviado desde la tabla de Pedidos del panel de respuestas — MailInApp no gestiona el envío por sí mismo, pero sí le envía un correo al comprador en el momento en que tú lo haces).
  • Inventario: un límite opcional. Una vez que los pedidos pagados lo alcanzan, el bloque muestra Agotado en lugar de Comprar ahora en la vista en vivo alojada. El correo enviado en sí también se mantiene actualizado: la insignia de existencias de un producto con límite ("quedan 3" / "Agotado") es una pequeña imagen renderizada en el servidor que se actualiza en cada apertura — el mismo truco que usa el bloque de cuenta regresiva — así que nunca muestra disponibilidad obsoleta días después del envío. La compra en sí sigue verificándose de forma definitiva en el momento del clic del comprador, no se confía en lo que muestra la insignia — si una venta se confirma justo cuando se agota la última unidad, al comprador se le reembolsa y se le envía un correo automáticamente en lugar de sobrevenderlo silenciosamente.
  • Interactivo: a diferencia de un voto o una calificación, una compra solo puede completarse en la página segura propia de Stripe, así que no hay un nivel cinético dentro del correo — Comprar ahora siempre abre primero la vista en vivo alojada para confirmar, y luego redirige a Stripe.
  • Alternativa: la misma tarjeta de producto y el enlace de Comprar ahora funcionan en todos los clientes de correo, ya que es un enlace simple como el resto del nivel estático.

Cada pedido completado aparece como un evento purchase en Interacciones y analíticas, además de una tabla de Pedidos dedicada en la página de respuestas del proyecto. Mira Pedidos, cumplimiento y reembolsos para saber qué sucede — y qué se le envía por correo al comprador — en cada etapa, además de cómo emitir un reembolso manual. ¿Necesitas preguntarle algo directamente a un comprador? Contáctalo directamente desde la tabla de Pedidos.

El modo Enlazar al pago de una tienda externa se salta todo eso: Comprar ahora se convierte en un enlace simple con seguimiento de clics (contado en tu mapa de calor de clics, igual que cualquier bloque de Botón) directamente a la página del producto en tu propia tienda. No hay pedido, ni seguimiento de inventario, ni paso de cumplimiento del lado de MailInApp, ya que MailInApp nunca forma parte de ese pago. Si has conectado una tienda de Shopify o WooCommerce, importar un producto sincronizado puede rellenar esto por ti automáticamente.

Guía completa y ejemplos

Tarea

Trabajo o tarea escolar con una fecha límite — agrega un título, instrucciones, un valor en puntos opcional, y cualquier número de enlaces de recursos.

  • Fecha límite: se muestra como una imagen de cuenta regresiva en vivo en el correo enviado (la misma técnica de GIF renderizado en el servidor que usa el bloque de cuenta regresiva) junto a una línea de fecha límite en texto plano, así el plazo es preciso tanto si un cliente renderiza la imagen como si no.
  • Envío: elige Marcar como hecho (una casilla de un solo toque, como una opción de encuesta), Respuesta de texto corto, o Respuesta de enlace (por ejemplo, una URL de documento compartido). Marcar como hecho es una acción de nivel 2 basada en enlace, de la misma forma que las opciones de encuesta/calificación; las respuestas de texto y enlace abren la vista en vivo alojada para escribir una respuesta, el mismo patrón que usa el bloque de cuestionario para cualquier cosa que un enlace simple no pueda transportar.
  • Alternativa: en cualquier otro lugar, una línea estática de fecha límite más la lista de enlaces de recursos, ambas siempre visibles.

Cada finalización o envío llega como un evento normal — mira Interacciones y analíticas — y se resume en un Libro de calificaciones (una tabla de estudiante por tarea, con envíos tardíos marcados) en la página de Respuestas: mira Tareas y libro de calificaciones.

Guía completa y ejemplos

Mazo de tarjetas didácticas

Una tarjeta que se voltea para memorizar vocabulario o datos. Agrega un Mazo de tarjetas didácticas, y luego coloca hijos de Tarjeta didáctica dentro de él, cada uno con su propio texto de frente (pregunta) y reverso (respuesta), más una imagen opcional en cualquiera de los dos lados.

  • Interactivo: al tocar una tarjeta se voltea en su lugar, independientemente de las demás tarjetas del mazo.
  • Alternativa: en cualquier otro lugar, el frente y el reverso se apilan de forma estática, etiquetados "P:" / "R:" — nada queda nunca oculto detrás de un gesto que no se admite.

Un mazo de tarjetas didácticas es una ayuda de estudio, no una pregunta, así que no registra nada y nunca aparece en el panel de respuestas, la exportación CSV, ni las analíticas.

Guía completa y ejemplos

Enlace de reunión

Detalles de acceso para un evento en línea o híbrido: una etiqueta de proveedor (Zoom, Meet, Teams, o Personalizado), una URL de unión, una hora de inicio, y una línea opcional de acceso telefónico. La etiqueta es solo informativa — no hay integración de cuenta con ninguno de estos proveedores, solo una URL que pegas — y también defines cuántos minutos antes del inicio debe mostrarse el enlace de unión como activo.

  • Siempre activo en el correo: el botón de Unirse del correo enviado siempre es un enlace real y clicable — la misma convención "estático en el momento del envío" que los bloques de cuenta regresiva y producto — junto a una insignia "Comienza en" / "En vivo ahora" renderizada con la misma técnica de GIF generado en el servidor que usa el bloque de cuenta regresiva.
  • Restringido en la vista en vivo alojada: la vista en vivo se obtiene de nuevo cada vez, así que ahí el botón de Unirse es dinámico — muestra una etiqueta inerte "Se abre N minutos antes del inicio" hasta que se abre la ventana configurada, y entonces cambia al enlace real.
  • La línea de acceso telefónico, si se define, se renderiza como texto plano junto al botón de Unirse.

Guía completa y ejemplos

Sede

Detalles de ubicación presencial: un nombre de sede, una dirección, una foto opcional, y un botón "Cómo llegar".

  • Cómo llegar abre Google Maps — sin clave de API, sin integración de miniatura de mapa, solo un enlace. Usa lo más preciso que le hayas dado: un enlace pegado de Google Maps primero (comparte un lugar desde Google Maps y pega la URL, los enlaces cortos como maps.app.goo.gl/... también funcionan), luego latitud/longitud si las completaste, y solo recurre a geocodificar el texto de la dirección simple si ninguno de los dos está definido.
  • Es contenido puro, como Imagen o Texto — no hay nada que responder, así que nunca aparece en el panel de respuestas ni en la exportación CSV. El enlace de cómo llegar sigue siendo rastreado en el mapa de calor de clics a nivel de bloque como cualquier otro enlace.
  • Deja en blanco la dirección, el enlace de mapas y las coordenadas, y el bloque sigue mostrando el nombre de la sede y la foto, sin un enlace de cómo llegar muerto.

Guía completa y ejemplos

Agregar al calendario

Un bloque de "agregar esto a mi calendario" de un solo toque, y la solución práctica para invitaciones entre zonas horarias distintas. Un correo enviado no puede detectar la zona horaria propia de un destinatario (no hay JavaScript en el correo), así que este bloque codifica el inicio y el fin del evento como un instante absoluto en lugar de una cadena de hora local precalculada. La app de calendario de cada asistente muestra entonces la hora correcta automáticamente en su hora local.

  • Toma un título, una descripción opcional, una hora de inicio, una hora de fin (si se deja en blanco, por defecto es una hora después del inicio), y una ubicación de texto libre — completa la ubicación tú mismo a partir del texto de tu bloque de Sede o Enlace de reunión; los dos no están vinculados automáticamente.
  • Renderiza tres enlaces con los mismos detalles: Descargar .ics (se abre directamente en apps de calendario de escritorio y móviles), Agregar a Google Calendar, y Agregar a Outlook.com — los dos últimos son enlaces directos simples construidos en el momento del envío, sin ida y vuelta al servidor.

Guía completa y ejemplos

RSVP

Una pregunta gratuita de "¿Asistirás?" con soporte de capacidad y lista de espera — el equivalente gratuito del límite de inventario de boletos pagos del bloque Producto, para eventos que solo necesitan un conteo de asistentes en lugar de un cobro.

  • Interactivo: las opciones Sí/No son enlaces de un solo toque, exactamente la forma que usa el voto de opción única de una encuesta. Activa Permitir traer invitados para agregar un selector de número de invitados a la respuesta "Sí" — elegir un número de invitados necesita la vista en vivo alojada, el mismo razonamiento de "un enlace fijo no puede ofrecer una elección" que ya siguen las respuestas de texto/enlace del bloque de tarea; un "Sí" sin invitados (0 invitados) sigue funcionando como un simple enlace de un toque.
  • Capacidad y lista de espera: define un límite opcional (0 = ilimitado). Una vez que las confirmaciones de asistencia — más los invitados — superarían ese límite, las respuestas "sí" adicionales se registran como en lista de espera en lugar de confirmadas, y el destinatario ve tu propio mensaje configurado de lista de espera en lugar de un agradecimiento genérico.
  • Alternativa: en cualquier otro lugar, un enlace estático "Confirma tu asistencia aquí" hacia la vista en vivo alojada.

Cada RSVP se resume en conteos de confirmados/rechazados/en lista de espera y un total de invitados en la página de Respuestas, junto al resumen de cualquier otro bloque.

Guía completa y ejemplos

Registro a webinar

Una tarjeta de registro diseñada que enlaza a una de tus propias sesiones en vivo — elige una sesión desde el inspector y su título/fecha se completan automáticamente, y siguen siendo totalmente editables después.

  • El botón de Registro siempre apunta a la página /webinar/<liveSessionId> actual de esa sesión, construida solo a partir del id de la sesión — sin búsqueda en el momento del envío, así que el enlace se mantiene correcto incluso si los detalles de la sesión cambian después de enviar el correo.
  • Solo las sesiones configuradas como Registro público aparecen en el selector — una sesión solo para suscriptores no tiene una página pública a la que enlazar.
  • Alternativa: no se necesita ninguna — el correo, la vista en vivo y el lienzo renderizan todos la misma tarjeta, ya que nada aquí depende del destinatario ni de la hora actual.

Guía completa y ejemplos

Tabla de posiciones

Una tabla de temporada clasificada para un equipo o club deportivo: nombre del equipo, jugados/ganados/empatados/perdidos, puntos a favor/en contra, y puntos, ordenada por puntos con los tres primeros puestos marcados. A diferencia de todos los bloques de la página de bloques de analítica y gráficos, este nunca se renderiza como una imagen. Una tabla HTML real es todo el bloque, en todos los clientes de correo incluido Outlook, ya que los datos tabulares ordenados son exactamente lo que el marcado de tablas ya hace bien.

  • Las filas se escriben directamente, un equipo por fila — todavía no hay vinculación con una fuente de datos en vivo, así que actualiza el bloque a mano después de cada partido (de la misma forma que actualizarías el valor manual de una tarjeta de indicador clave antes de vincularla a una fuente de datos).
  • Desactiva Mostrar columna de empates para un deporte sin empates (baloncesto, ligas de tenis). Puntos siempre es un campo que completas tú mismo, no calculado a partir de victorias/empates/derrotas — las ligas otorgan puntos de forma distinta (victorias de 3 puntos, puntos extra, etc.).
  • Define Resaltar equipo para poner en negrita y teñir la fila de un equipo por su nombre exacto — útil para un resumen para padres, así una familia puede ubicar de un vistazo el equipo de su hijo.
  • Es contenido puro, como Sede o Agregar al calendario — no hay nada que responder, así que nunca aparece en el panel de respuestas ni en la exportación CSV.

Guía completa y ejemplos

Elementos de entrada

La sección Entradas de la paleta contiene los elementos de captura: texto, correo electrónico, texto largo, menú desplegable, casilla de verificación, número, teléfono, selector de fecha, opción múltiple, casillas de verificación y escala lineal y calificación por estrellas. Coloca uno dentro de un formulario y se convierte en uno de sus campos; colócalo en cualquier otro lugar y llega envuelto en un formulario nuevo — en el correo, una entrada solo puede enviarse como parte de un formulario. Los mismos tipos también son accesibles sin arrastrar: haz clic en el + de un formulario en el panel Árbol, o en su marcador de lienzo vacío, para buscar e insertar uno directamente.

  • Los menús desplegables, la opción múltiple y las casillas de verificación toman una lista de opciones, agregadas/reordenadas como filas en el inspector. Una casilla única envía yes cuando se marca; un campo de casillas de verificación puede seleccionar cualquier número de sus opciones, y cada una cuenta por separado en los resultados.
  • Escala lineal toma un valor máximo y etiquetas opcionales de extremo bajo/alto (por ejemplo, "Poco probable" → "Muy probable"). Calificación por estrellas toma un número máximo de estrellas.
  • Dale a cualquier campo un número de página en el inspector para colocarlo en esa página de una encuesta de varias páginas.

Sea cual sea el tipo, las respuestas llegan a las analíticas de tu proyecto identificadas por el nombre del campo — mira Resúmenes de preguntas de encuesta para saber cómo se resumen.

Bloques de diseño y contenido

Junto al conjunto interactivo, el estudio incluye los bloques estructurales que todo correo necesita: sección, columnas, encabezado, texto, imagen, botón, lista, divisor, espaciador y enlaces sociales. También hay un bloque de repetición que renderiza una plantilla una vez por cada fila de una fuente de datos conectada, útil para cuadrículas de productos y resúmenes. Columnas es un diseño lado a lado con ancho, relleno y alineación vertical por columna, construido sobre tablas para que funcione bien en Outlook.

Todos los bloques con texto aceptan etiquetas de combinación. ¿Ya construiste algo y quieres ponerlo lado a lado con algo nuevo? Selecciónalo y usa ⧉ Envolver en… del Inspector (mira El espacio de trabajo) en lugar de reconstruirlo a mano dentro de un bloque de Columnas nuevo.

Botón

Un Botón es el bloque de propósito general para un llamado a la acción simple: una etiqueta, colores, y una URL de enlace. Hacer clic siempre solo navega a esa URL — registrado en el mapa de calor de clics a nivel de bloque del proyecto (mira Interacciones y analíticas) y nada más. El botón no tiene idea de qué hay al otro lado del enlace, así que no puede cobrar una tarjeta, registrar un voto ni guardar una respuesta por sí mismo.

Eso lo convierte en la opción correcta siempre que la acción real ocurra en otro lugar — "lee esta publicación", "visita nuestro sitio", y cosas así, donde el destino no es algo para lo que MailInApp ya tenga un bloque dedicado. Para la página de registro de tu propio webinar alojado específicamente, usa mejor Registro a webinar — es la misma idea de "enlazar a una página que recolecta el registro", solo que vinculada a la sesión para que el enlace no pueda quedar obsoleto.

Es la opción incorrecta cuando quieres que el clic en sí sea la acción. Para esos casos, usa el bloque dedicado de abajo en lugar de Botón — cada uno ya renderiza su propio llamado a la acción, conectado directamente al endpoint correcto, con los resultados resumiéndose automáticamente en tu página de Respuestas sin configuración adicional:

| Para hacer esto... | Usa este bloque en lugar de Botón | | --- | --- | | Vender algo y cobrar una tarjeta | Producto — botón Comprar ahora, pago real con Stripe (o un enlace directo a tu pago de Shopify/WooCommerce), seguimiento de inventario | | Recolectar un registro de correo, una respuesta de texto libre, o cualquier respuesta de encuesta | Formulario | | Hacer una pregunta de opción múltiple o sí/no de un solo toque | Encuesta | | Obtener un conteo de asistentes para un evento gratuito, con capacidad/lista de espera | RSVP | | Promocionar uno de tus propios webinars alojados | Registro a webinar — el enlace se mantiene correcto incluso si los detalles de la sesión cambian después | | Recolectar una calificación de un solo toque estilo CSAT/NPS/CES | Calificación | | Girar una rueda promocional o revelar un premio de rasca y gana | Gira y gana o Rasca y gana |

Regla general: si el clic necesita cambiar algo de tu lado — un pago, un voto, una respuesta guardada — usa el bloque correspondiente de arriba. Si solo necesita enviar a alguien a algún lugar, un Botón simple es exactamente correcto, y no hay nada más que configurar.

Fórmula

Notación matemática y científica — fracciones, exponentes, subíndices, letras griegas, funciones con nombre (\sin, \lim, \log, ...), símbolos de conjuntos/lógica (\forall, \in, \cup, \neg, ...) y operadores comunes — escrita en una pequeña sintaxis similar a LaTeX (por ejemplo, \frac{-b \pm \sqrt{b^2-4ac}}{2a}), ya que ningún cliente de correo compone matemáticas reales. \left(/\right) se reconocen a tamaño normal, no se escalan automáticamente (esto es un pequeño renderizador de mapa de bits, no un motor TeX real), y \text{...} vuelve a palabras simples en medio de una fórmula.

Las fórmulas químicas tienen su propia macro \ce{...}, un pequeño subconjunto tipo mhchem: \ce{H3O+} o \ce{2H2 + O2 -> 2H2O}. Los conteos de elementos se subindexan automáticamente, las cargas iónicas al final (+, 2-, SO4^2-, ...) se superindexan automáticamente, y -> se renderiza como una flecha de reacción, así no tienes que escribir a mano ^/_ para cada conteo de átomos y carga.

Se renderiza del lado del servidor a una imagen, en modo En línea (pequeño, dentro de una línea de texto) o Bloque (más grande, en su propia línea). La sintaxis que no reconoce — documentos LaTeX completos, paquetes, matrices, tablas — se renderiza literalmente como su propio texto en lugar de romper el envío. El texto alternativo de la imagen siempre lleva la notación en bruto, así que la fórmula nunca queda atrapada dentro de una imagen sin un equivalente de texto.

Guía completa y ejemplos

Video y audio

Ningún cliente de correo ejecuta reproducción de medios, así que un bloque de Video o Audio siempre se envía como una imagen de vista previa estática (su imagen de portada/carátula si definiste una, o un marcador de posición simple en caso contrario) que abre el archivo al tocarla. En la vista en vivo alojada, una página real en lugar de una bandeja de entrada, el mismo bloque se renderiza como un reproductor nativo funcional en su lugar: <video> con tu imagen de portada, o <audio> con la carátula apilada sobre los controles si definiste una. El archivo de video/audio en sí sigue siendo una URL simple que alojas en otro lugar; pega un enlace a él. La imagen de portada/carátula, sin embargo, se elige desde la biblioteca multimedia en lugar de escribirse: Elegir imagen… abre una cuadrícula con todo lo que ya subiste, con un botón de subida justo ahí para una nueva.

Video: guía completa y ejemplos · Audio: guía completa y ejemplos

Componentes prediseñados

La sección Prediseñado de la paleta contiene composiciones listas para usar — encabezado, héroe, tarjeta, fila de producto, columnas de características, testimonio, cupón y pie de página. Colocar una inserta bloques normales organizados por ti: no tienen nada especial después de eso, así que restilízalos o reestructúralos libremente.