Crear plantillas para páginas, correos electrónicos y blogs con el editor de diseños
Última actualización: junio 28, 2023
Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique lo contrario:
|
|
Marketing Hub Básico (versión anterior) |
Usar una plantilla te permite controlar la estructura de distintos tipos de contenido en un blog, página o correo electrónico. Puede crear plantillas en el gestor de diseño arrastrando y soltando módulos. Más información sobre cómo crear plantillas en HubSpot en esta lección de Academy.
Nota: se requiere suscripción de Marketing Hub Pro o Enterprise para crear plantillas de correo electrónico. Las cuentas de CMS Hub pueden crear correos electrónicos usando el editor de correo electrónico de arrastrar y soltar.
¿Qué es una plantilla de HubSpot?
Las plantillas de HubSpot establecen la estructura de los blogs, páginas y correos electrónicos, y que tus usuarios crean en el editor de contenidos. Puedes construir una plantilla arrastrando y soltando módulos de contenido para crear un diseño. Para crear una plantilla utilizando HTML en su lugar, obtenga más información sobre cómo crear una plantilla codificada personalizada.
El editor de diseño te ayuda a convertir una idea, un boceto o un prototipo en una plantilla adaptable para crear contenidos.

Cómo crear una plantilla nueva
- En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
- En la parte superior del buscador, haz clic en Archivo > Nuevo archivo
- En el cuadro de diálogo, haz clic en el menú desplegable ¿Qué te gustaría construir hoy? y selecciona Arrastrar y soltar. Luego, haz clic en Siguiente.
- Haz clic en el menú desplegable Tipo de plantilla y selecciona un tipo. Aunque la mayoría de los módulos predeterminados están disponibles para cualquier plantilla, algunos módulos están limitados a determinados tipos de plantilla. Puedes seleccionar los siguientes tipos de plantillas:
- Blog: plantillas para publicaciones de blog individuales y páginas de listas de blogs.
- Correo electrónico: plantillas para correos electrónicos.
- Página: plantillas para tu sitio web y páginas de destino.
- Sistema: plantillas paralas páginas de error , de solicitud de contraseña y de suscripciónpor correo electrónico .
- Ingresa un nombre de archivo. Al finalizar, haz clic en Crear.

Cómo estructurar y personalizar una plantilla
Puede añadir másmódulos a su plantilla utilizando el inspector situado a la derecha del gestor de diseño. Haz clic en + Agregar en el inspector para buscar módulos para agregarlos a tu diseño de plantilla de arrastrar y soltar. Obtenga más información sobre cómo editar la estructura de su plantilla.
Para personalizar el estilo de tu plantilla, puedes usar las opciones en el inspector. Si no seleccionas módulos específicos, puedes agregar diseños al encabezado de la plantilla. Haz clic en el módulo o en el grupo para ver las opciones de diseño específicas para ese componente. Obtenga más información sobre cómo utilizar el inspector para dar estilo a su plantilla.
Nota: no es posible adjuntar archivos CSS o Javascript a una plantilla de correo electrónico, pero puede añadir marcas HTML personalizadas, clases de cuerpo y estilo en línea a la plantilla.
Vista preliminar y publicar tu plantilla
- En la parte superior derecha, haz clic en Vista preliminar para ver una vista preliminar de tu plantilla en un navegador web . Si selecciona Vista previa en vivo con opciones de visualización, podrá ver su plantilla tal y como aparece en otros dispositivos.
- Una vez que hayas terminado de completar tu plantilla, haz clic en Publicar cambios en la parte superior derecha.
Una vez publicada su nueva plantilla, puede utilizarla para crear nuevas páginas o correos electrónicos en . Una plantilla de blog se puede aplicar a un blog existente en la configuración de tu blog.