Saltar al contenido

¿Cómo hacer tres columnas en Mailchimp?

Plantilla Mailchimp 1:3:1

SearchSearchClearSaber cómo construir diseños multicolumna sólidos como una roca es bastante importante; la mayoría de los correos electrónicos que circulan por ahí no son asuntos de una sola columna. Los diseños de varias columnas son buenos para contener mucha información, y los principios para construirlos pueden aplicarse a muchos otros escenarios de codificación. Aquí hay un código bastante estándar, para un diseño de dos columnas:

Notarás que las columnas son tablas individuales anidadas dentro de un contenedor más grande <table>; hemos encontrado que este método de anidación tiende a dar más control sobre el diseño y la estructura de un correo electrónico de varias columnas. Un diseño de tres columnas es una simple variación de este código:

También puede ver que los anchos de las columnas no se basan en los píxeles, sino en los porcentajes. La <tabla> que contiene las columnas sí tiene un ancho de píxel definido. La forma de establecer las dimensiones de la tabla, ya sea en porcentajes o en píxeles, depende realmente de ti; nosotros hemos comprobado que el método mostrado arriba nos da una buena cantidad de control, al tiempo que mantiene las tablas lo suficientemente «blandas» como para que las variaciones de píxeles pequeños no perturben demasiado las cosas.

Diseño de Mailchimp

Plantillas de MailChimpLas plantillas de MailChimp vienen en todas las formas y estructuras. Una columna, dos columnas, tres columnas, imágenes a la izquierda o a la derecha, todo lo encontrarás en la biblioteca de plantillas de MailChimp. Todas estas plantillas son gratuitas para que las utilices, y lo mejor es que puedes editar el estilo de la plantilla para que se adapte a tu sitio web. Así que si estás dispuesto a dedicar un poco de tiempo a averiguar cómo funciona esto, probablemente no necesitarás mis servicios de plantillas de correo electrónico. Sin embargo, no deje de leer todavía…

Las plantillas prediseñadas pueden ser geniales: son baratas y puedes usarlas ahora mismo en lugar de la semana que viene. Sin embargo, la mayoría de las veces tendrás que transigir entre la flexibilidad de la plantilla preinstalada y las características de diseño que realmente quieres. Se trata de la diferencia entre «altamente personalizable» y «completamente personalizable al cien por cien».

Incluso si sólo hay compromisos menores o incluso minúsculos, es posible que termines usando una plantilla que es bastante buena, pero no increíblemente asombrosa. Si puedes vivir con eso, puedes dejar de leer ahora. Si no puedes, por favor, continúa…

Mailchimp 3 imágenes seguidas

Pero, esto es una ventaja.    Me ha dado una gran oportunidad para incorporar una formación a medida en mis servicios y ofrecerla a todos mis conocidos.    Como siempre, a veces olvido que lo que me parece obvio en el uso de la tecnología, no lo es tanto para los demás.

Si eres como yo, la emoción vertiginosa de usar algo por primera vez (y seamos sinceros el dolor de aprenderlo) a veces nos hace tomar atajos.    La forma más fácil y que menos duele la cabeza.    Sí, yo también lo hice la primera vez.    Simplemente seguí construyendo una lista cada vez que necesitaba enviar un correo electrónico a un nuevo grupo.

¿El mayor problema de hacerlo así?    6 meses después te das cuenta de que tienes 10 listas, 2200 direcciones de correo electrónico de las cuales tal vez el 20% se repiten, y de repente Mailchimp quiere algo de dinero porque has cruzado el umbral de 2000 gratis y no tienes ni idea de quién o dónde está nadie.

Estas son personas con las que he trabajado y que tienen sitios web conmigo.    Dentro de este grupo están mis «Nombres de Grupo» (subgrupos) donde divido más las cosas.    Trabajo estrechamente con un diseñador gráfico M:art y él gestiona algunos clientes a través de su negocio y yo gestiono otros a través del mío.    También tengo un subgrupo para todos los clientes que han contratado un plan de mantenimiento mensual conmigo.

Tabla de Mailchimp

Descargué las plantillas gratuitas y empecé a trabajar en la plantilla Minty, ya que se veía bien en el sitio. Sólo me encontré con un problema con el bloque de 2 y 3 columnas. Dentro de Outlook 2007 la última columna (derecha) está empujada hacia abajo en comparación con la(s) otra(s) columna(s) a la izquierda. ¿Hay algo que se me haya olvidado hacer o hay una posible solución para este problema? Acabo de utilizar la plantilla estándar de Minty en su forma original y he enviado un correo de prueba a través de mailchimp. ¡Espero que alguien pueda ayudarme!

¡He tenido el mismo problema! Las plantillas de Stampalia han hecho que todas sus columnas y espaciadores sean iguales al 100% del ancho de la tabla que las contiene. Dado que Outlook añade un espacio/acolchado extra alrededor de las tablas de columnas anidadas, esto termina siendo más del 100% y esencialmente hace que una de las columnas quede por debajo de las otras. TODAS las plantillas de Stampalia hacen esto, así que si usas otra toma nota para arreglarlo en el futuro. Puedes solucionarlo de dos maneras.

1) Puedes disminuir un poco el tamaño de tus columnas o de tus espaciadores para que tengan un poco menos del 100% de ancho. No recuerdo cuáles eran los tamaños de las columnas, pero si tienes 2 columnas de 280px + 40px de espaciador = 600px de ancho de la tabla, entonces puedes hacer que las columnas sean algo así como 278px o que el espaciador tenga 35px de ancho (para que todo sume menos de 600px). Más información sobre esto aquí.

Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad