Saltar a la navegación

¿Qué condiciones debe cumplir una plantilla HTML propia?

Si tienes un diseño propio, no hace falta que lo vuelvas a crear en el editor drag & drop. Puedes dejarlo listo como HTML en Laposta y crear campañas con él, siempre que la plantilla cumpla una serie de condiciones.

Un diseño de Photoshop o de otro programa de dibujo no se puede importar sin más. Primero debes convertirlo a HTML, porque solo con ese lenguaje de programación se mostrarán bien el texto, las imágenes y los enlaces en tu boletín.

¿Solo has hecho un boceto? Entonces comprueba primero si puedes recrearlo en gran medida con una de las plantillas básicas de Laposta. Laposta también puede convertir tu boceto a HTML por ti, pero eso requiere bastante trabajo: los diseñadores tienen que construir la plantilla completamente desde cero. El coste de este servicio coincide con el de una plantilla personalizada.

Si solo quieres incluir un fragmento de HTML propio en un boletín del editor drag & drop, lee Código HTML en el editor.

Condiciones para tu plantilla HTML

La plantilla que importes debe estar compuesta por HTML y CSS estándar. Al desarrollarla, ten en cuenta que los programas de correo electrónico van bastante por detrás de los navegadores, por lo que no todo es posible. Sobre todo Outlook 2007, 2010 y 2013 imponen bastantes limitaciones.

Hacer que los elementos sean editables con etiquetas

Con las etiquetas de Laposta puedes indicar en tu HTML qué elementos se pueden modificar al crear una campaña. Todo lo que no marques quedará fijo. Así el diseño no cambiará por accidente.

ElementoQué puedes hacer con la etiqueta
TextoHacer que sean editables tanto campos de texto breves como bloques de texto más extensos
ImagenPermitir sustituir y escalar una imagen, y añadirle un enlace
VídeoColocar una captura de pantalla clicable con botón de reproducción para un enlace de YouTube o Vimeo
Repetir bloquesPermitir añadir un bloque de contenido tantas veces como sea necesario
Tabla de contenidosGenerar automáticamente una tabla de contenidos a partir de los elementos de texto que marques para ello
Feed RSS o AtomCargar automáticamente artículos de un sitio web en el boletín
Darse de baja, modificar, suscribirse y versión webIncluir de antemano los enlaces fijos en la plantilla. Para el enlace de baja esto es obligatorio
PaginaciónDeterminar tú mismo dónde empiezan las páginas cuando el boletín se imprime como PDF

Una buena plantilla de ejemplo como punto de partida

En GitHub, Laposta ha preparado una plantilla base (boilerplate) que funciona bien y es totalmente adaptable (responsive). Puedes tomarla como punto de partida para seguir editándola:

Plantilla base en GitHub

Importar y probar la plantilla

Puedes cargar tu plantilla HTML definitiva a través de Campañas → Plantillas → Personalizado: desde tu propio ordenador, desde una ubicación en internet o introduciendo el código directamente. Cómo hacerlo se explica en Importar o introducir tu propia plantilla HTML.

Si quieres poder modificar tu plantilla más adelante, súbela tú mismo a algún sitio en internet, por ejemplo a una URL de tu propio sitio web. Así podrás importarla de nuevo cada vez que lo necesites.

Después de importarla, comprueba si tu plantilla funciona correctamente en todas partes: consulta Probar tu plantilla importada.

Artículos relacionados