Crear plantillas para páginas, correos electrónicos y blogs con el editor de diseños
Última actualización: abril 30, 2021
Usar una plantilla te permite controlar la estructura de distintos tipos de contenido en un blog, página o correo electrónico. Puedes crear plantillas en el administrador 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, las páginas y los correos electrónicos, y que tus usuarios crean en el editor de contenido. Puedes crear plantillas arrastrando y soltando módulos de contenido para crear un diseño. Para crear una plantilla usando HTML, obtén más información sobre cómo crear una plantilla codificada personalizada.
El editor de diseño te ayuda a transformar una idea, borrador o prototipo en una plantilla adaptable para crear contenido.

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 se limitan a determinados tipos de plantillas. 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 para páginas de error, introducir contraseñas y suscripción a correos electrónicos.
- Ingresa un nombre de archivo. Al finalizar, haz clic en Crear.

Cómo estructurar y personalizar una plantilla
Puedes agregar más módulos a tu plantilla usando el inspector en la parte derecha del administrador 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. Más información sobre cómo editar tu bandeja de entrada.
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. Más información sobre cómo usar el inspector para diseñar tu plantilla.
Nota: No es posible adjuntar archivos CSS o Javascript a una plantilla de correo electrónico, pero sí puedes agregar formato HTML, clases de cuerpos correos y estilos in-line 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 seleccionas Vista preliminar en directo con opciones de presentación, puedes tu plantilla como aparecerá en otros dispositivos.
- Una vez que hayas terminado de completar tu plantilla, haz clic en Publicar cambios en la parte superior derecha.
Una vez que se publique tu nueva plantilla, puedes usarla para crear nuevas páginas o correos electrónicos. Una plantilla de blog puede aplicarse a un blog existente en la configuración de tu blog.
Thank you for your feedback, it means a lot to us.
Contenido relacionado
-
Crea, edita y adjunta archivos CSS para diseñar tu sitio
Las CSS (hojas de estilo en cascada) son archivos codificados que seleccionan elementos de tu página y...
Base de conocimientos -
Crear y administrar reglas de contenido inteligente
Los módulos de contenido inteligente muestran diferentes versiones de tu contenido según la categoría del...
Base de conocimientos -
Agregar el código de Google Tag Manager al contenido de HubSpot
Puedes integrar Google Tag Manager con HubSpot para hacer seguimiento a tus páginas de destino alojadas en...
Base de conocimientos