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í.

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 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. 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.

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 están limitados a determinados tipos de plantilla. 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

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

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

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.

¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.