Al momento de diseñar tus campañas de email, el ancho de la plantilla juega un papel clave en la visualización del contenido, tanto en computadoras como en dispositivos móviles. En este artículo te mostramos cómo modificar fácilmente el ancho de tus plantillas de email desde la nueva versión de Clientify, y te recomendamos cuál es la medida óptima para lograr una apariencia profesional y bien equilibrada.
Para ello, primero vamos a nuestras plantillas, para ello nos dirigimos a la sección de recursos, y pinchamos en "plantillas de email" e ingresamos a la plantilla que deseemos modificar.
Ahora dentro de nuestro editor de la plantilla, para modificar el ancho de tu plantilla, ve a la sección Diseño del editor. En el menú lateral izquierdo, haz clic en la opción Cuerpo. Dentro de ese apartado, encontrarás la configuración Ancho de contenido, donde podrás ajustar el ancho de tu plantilla según tus necesidades.
A continuación te mostramos una tabla con las medidas recomendadas para cada sección de tu plantilla tanto para vista de ordenador como para vista de móvil.
Sección | Ancho recomendado (ordenador) | Ancho recomendado (móvil) | Comentarios |
Ancho total del contenido | 600 px | 100% | 600 px es el estándar más compatible con la mayoría de clientes de correo. |
Encabezado (header) | 600 px | 100% | Asegúrate de que el logo o texto se escale bien en dispositivos pequeños. |
Cuerpo del email | 600 px | 100% | Ideal para que el contenido (texto e imágenes) se muestre correctamente. |
Columna de una sola fila | 600 px | 100% | Es el formato más versátil y seguro para móviles. |
Dos columnas | 280 px cada una (con margen) | 100% (en una sola columna) | En móvil se suelen apilar una debajo de la otra para mejor legibilidad. |
Botones CTA | 200–250 px | 100% o mínimo 44 px de alto | Asegúrate de que el botón sea fácil de pulsar en pantalla táctil. |
Imágenes | Máx. 600 px de ancho | Máx. 100% del ancho del contenedor | Usar imágenes adaptables asegura una buena experiencia en todos los dispositivos. |
Espaciado lateral (padding) | 20–30 px | 10–15 px | Ayuda a mantener una apariencia limpia y legible en todos los tamaños de pantalla. |
Artículos relacionados: