Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Design Manager

Crear plantillas para páginas, correos electrónicos y blogs con el editor de diseños

Última actualización: abril 30, 2021

Requisitos

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
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. 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.

Del prototipo al diseño

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

create-new-template

  • 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:
  • Ingresa un nombre de archivo. Al finalizar, haz clic en Crear.
new%20file
 

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

Captura de pantalla de un artículo de ayuda de HubSpot

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.
    Captura de pantalla de un artículo de ayuda de HubSpot

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