Preguntas frecuentes
Esta página ofrece respuestas a algunas preguntas frecuentes relacionadas con el editor de arrastrar y soltar para correo electrónico.
¿Puedo previsualizar cómo se ve mi correo electrónico en modo oscuro?
Sí. Ve a la sección Preview and Test del editor de arrastrar y soltar y activa Dark mode. También recomendamos previsualizar y probar tus correos electrónicos en diferentes plataformas de usuario y usar imágenes transparentes para las imágenes de fondo de las filas cuando sea posible.
¿Cómo debo diseñar correos electrónicos para modo oscuro y modo claro?
Los correos electrónicos no necesitan enviarse en diseños separados de modo claro y oscuro, ya que los clientes y dispositivos de correo electrónico pueden aplicar su propio tema oscuro. Sin embargo, esto puede invertir colores u ocultar fondos si no se establecen colores explícitos en el contenedor exterior y las secciones principales. Para evitar esto, recomendamos establecer colores de fondo sólidos para que tu mensaje se lea claramente tanto en modo oscuro como en modo claro.
¿Cómo puedo cambiar el relleno del correo electrónico en móvil sin actualizar el relleno en la vista web?
No puedes editar el relleno para las vistas de móvil y web de forma independiente, por lo que cualquier edición se refleja en ambas vistas. Sin embargo, puedes agregar lógica CSS en el editor HTML que establezca el relleno según diferentes tamaños de pantalla. Esto no es compatible con el editor de arrastrar y soltar, así que puedes exportar el archivo HTML y usar el editor HTML en su lugar.
¿Cómo puedo optimizar una fila de botones para que permanezcan horizontales en escritorio y móvil?
Al crear un correo electrónico con el editor de arrastrar y soltar, si creas una fila horizontal de botones de llamada a la acción, es posible que los botones cambien a una orientación vertical en móvil.
Para mantener el mismo formato en diferentes tamaños de dispositivo, recomendamos crear una fila separada con botones de llamada a la acción que tengan un relleno optimizado para móvil y estén configurados para ocultar la fila en un dispositivo de escritorio. Tener dos filas separadas significa que puedes establecer el relleno deseado para la mejor representación del texto en dispositivos de escritorio y móviles.
¿Puedo ajustar la altura de la fila en el editor de arrastrar y soltar?
La altura de la fila se ajusta automáticamente al contenido. Como alternativa, recomendamos que:
- Agregues un bloque divisor.
- Hagas clic en el interruptor para activar su transparencia.
- Ajustes la altura.
¿Es posible crear capas en el editor? ¿Puedo agregar una imagen de fondo, superponer una imagen y agregar una capa de texto encima?
El editor de arrastrar y soltar actualmente admite dos capas. Puedes establecer una imagen de fondo de fila y personalizar los colores de fondo.
¿Puedo guardar mi correo electrónico de arrastrar y soltar como plantilla después de crearlo dentro de mi campaña o Canvas?
No. No puedes guardar un correo electrónico de arrastrar y soltar desde una campaña o Canvas como una plantilla de correo electrónico de arrastrar y soltar en Templates > Email Templates. Recrea el diseño en Templates > Email Templates, o la próxima vez comienza desde una plantilla guardada. Para obtener instrucciones, consulta Crear una plantilla de correo electrónico.
Si necesitas una plantilla HTML reutilizable, selecciona Download file mientras editas el cuerpo de arrastrar y soltar, abre el HTML del archivo ZIP y pega el código en una plantilla de correo electrónico HTML usando el editor de código HTML. Vuelve a verificar el Liquid, los enlaces y los activos alojados después.
Para más información sobre dónde se encuentran las plantillas, consulta Plantillas y medios.
¿Por qué no puedo cambiar el color de relleno de un botón en el editor de arrastrar y soltar?
Los estilos a nivel de página pueden anular los estilos a nivel de mensaje. Si actualizar Fill en un botón o bloque no tiene efecto, intenta lo siguiente:
- Abre la configuración global de estilos de correo electrónico y selecciona Reset to default en el estilo de página en conflicto para que el color a nivel de mensaje pueda aplicarse.
- Establece el color de nuevo en el bloque.
¿Puedo agregar archivos adjuntos de correo electrónico en el editor de arrastrar y soltar?
Sí. Puedes agregar archivos adjuntos a tu mensaje de correo electrónico yendo a Sending Settings > Advanced.
¿Cómo descargo el HTML sin procesar de un correo electrónico de arrastrar y soltar?
- Abre tu campaña o Canvas y edita el mensaje de correo electrónico.
- Selecciona Edit email body para abrir el editor de arrastrar y soltar.
- Selecciona Download file (en la parte inferior del editor). Extrae el archivo para acceder al HTML generado.
Puedes pegar ese HTML en un bloque HTML o en el editor HTML cuando necesites ediciones de bajo nivel, por ejemplo, para desactivar el seguimiento de clics en enlaces específicos.
¿Por qué se rompe mi diseño de arrastrar y soltar?
Los problemas de diseño suelen deberse a HTML o CSS personalizado que entra en conflicto con el código que genera el editor. Prueba estos pasos:
- Elimina o aísla los bloques HTML personalizados para ver si el problema desaparece.
- Revisa la configuración del editor de correo electrónico de arrastrar y soltar en busca de fuentes personalizadas que puedan no cargarse en todos los clientes.
- En Row Properties, revisa el relleno y los anchos de las columnas.
- Cuando agregues HTML personalizado, usa diseños basados en tablas, imágenes fluidas y anchos de tabla totales que se ajusten al ancho de tu correo electrónico; las imágenes con píxeles fijos o las estructuras que no son de tabla suelen romperse en Outlook y otros clientes.
¿Por qué mi bloque de contenido no se renderiza en la vista previa del correo electrónico?
Si un bloque de contenido no se renderiza en la vista previa del correo electrónico, verifica que no haya etiquetas de anclaje sin cerrar. Para las URL de contenido conectado, usa el filtro replace para convertir los ampersands doblemente codificados (&) en un solo ampersand codificado (&). Limita el anidamiento de bloques de contenido a dos niveles.
¿Por qué el editor de arrastrar y soltar ignora la configuración de alineación?
Si el editor de arrastrar y soltar ignora la configuración de alineación, elimina los bloques de CSS o HTML personalizados, elimina las fuentes personalizadas, verifica si hay conflictos de CSS y evita duplicar bloques de fila. Ponte en contacto con soporte de Braze si el problema persiste.