Crear plantillas para páginas, correos electrónicos y blogs con el editor de diseños
Última actualización: marzo 7, 2025
Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:
|
|
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. Puedes crear plantillas en el administrador de diseño arrastrando y soltando módulos. Aprende más sobre la creación de Plantillas en HubSpot en esta lección de Academy.
Antes de comenzar
Antes de empezar a trabajar con esta función, asegúrate de comprender bien qué pasos hay que dar de antemano, así como las limitaciones de la función y las posibles consecuencias de su uso.
Requisitos a tener en cuenta
- Compruebe que dispone del permiso Herramientas de diseño para crear y editar plantillas en el administrador de diseño.
- Se recomienda tener también permisos de Configuración global de contenidos y temas y Configuración del sitio web si va a necesitar editar recursos web globales y ajustes del blog/sitio web.
Comprender las limitaciones y consideraciones
- Se requiere una suscripción a Marketing Hub Pro o Enterprise para crear plantillas de email. Las cuentas de Content Hubs pueden crear correos electrónicos utilizando el editor de correo electrónico de arrastrar y soltar.
- 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 inline a la plantilla.
- Las plantillas de arrastrar y soltar no admiten todas las funciones de contenido disponibles. Para utilizar la más amplia gama de herramientas, aprenda más sobre el uso de plantillas HTML + HubL en su lugar.
Entender las plantillas de HubSpot
Las plantillas de HubSpot proporcionan el marco para blogs, páginas y correos electrónicos, mientras que tus usuarios generan el contenido real en el editor de contenido. Puedes construir plantillas arrastrando y soltando módulos de contenido para crear un diseño. Para crear una plantilla utilizando HTML en su lugar, obtén más información sobre crear una plantilla codificada personalizada.
El Editor de Diseños te ayuda a convertir una idea, boceto o prototipo en una plantilla con capacidad de respuesta para crear contenidos.
Crear una nueva plantilla
- En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
- En la parte superior de la columna izquierda, haga clic en el menú Archivo y seleccione 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 de están disponibles para cualquiera de las Plantillas, algunos módulos están limitados 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 error, solicitud de contraseña y páginas de suscripción a correos.
- Ingresa un nombre de archivo. Al finalizar, haz clic en Crear.
Cómo estructurar y personalizar una plantilla
Puede añadir más módulos a su plantilla utilizando el inspector situado a la derecha del administrador de diseño. Haga clic en add Add en la columna de la derecha para buscar módulos que añadir a su diseño de plantilla de arrastrar y soltar. Más información sobre cómo editar la estructura de su plantilla.
Para personalizar el estilo de su plantilla, puede utilizar las opciones de la columna derecha. Si no seleccionas módulos específicos, puedes agregar diseños al encabezado de la plantilla. Haga clic en un módulo o grupo para acceder a las opciones de estilo específicas de ese componente. Más información sobre utilizando el inspector para dar estilo a tu plantilla.
Vista preliminar y publicar tu plantilla
Una vez creada la plantilla, puede obtener una vista previa de cómo aparecerá en una página activa y, a continuación, publicarla.
- Vista previa de la plantilla:
- En la parte superior derecha, haz clic en Vista previa.
- Si selecciona Vista previa en vivo con opciones de visualización, puede previsualizar su plantilla tal y como aparece en otros dispositivos seleccionando el ajuste preestablecido Viewport.
- Si selecciona Vista previa sin opciones de visualización, sólo podrá obtener una vista previa de cómo aparecerá su plantilla en los navegadores.
- Una vez que haya finalizado su plantilla, confirme que el interruptor Hacer disponible en [tipo de contenido ] esté activado y, a continuación, haga 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 . Se puede aplicar una plantilla de blog a un blog existente en la Configuración del blog.