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: mayo 26, 2020

Requisitos

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Básico (versión anterior)

Usa el creador de plantillas de HubSpot para hacer plantillas con los módulos de una interfaz en la que solo tienes que arrastrar y soltar. Estas plantillas pueden servir de base para tus páginas, correos electrónicos y blogs. Obtén más información de cómo crear plantillas en HubSpot con esta lección de Academy.

Si el equipo de Servicios técnicos de HubSpot configuró tus plantillas, ya tienes las plantillas personalizadas que cumplen con los requisitos de diseño de tu página web.

Para crear una plantilla HTML, descubre cómo crear una plantilla codificada personalizada.

Ten en cuenta: 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?

Una plantilla de HubSpot te puede servir de base para el contenido que crees. Puedes crear plantillas organizando los módulos de contenido disponibles en una interfaz en la que solo tienes que arrastrar y soltar. 

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.
  • Haz clic en Archivo Archivo nuevo en la parte superior del buscador para crear una plantilla nueva.

new-file

  • En el cuadro de diálogo, selecciona Arrastrar y soltar.
  • Utiliza el menú desplegable para seleccionar el tipo de plantilla. 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 estructuradas que sirven como base para artículos individuales o páginas de listas en blogs
    • Correo electrónico: plantillas estructuradas que sirven de base para tus correos electrónicos.
    • Páginas: plantillas estructuradas que sirven de base para tu página web y páginas de destino.
    • Sistema: plantillas estructuradas para páginas de error, introducir contraseñas y suscripción a correos electrónicos
  • Luego, asigna un nombre de archivo para la plantilla. Al finalizar, haz clic en Crear.
new%20file
 

Cómo estructurar y personalizar una plantilla

Puedes agregar más módulos a tu plantilla con el inspector ubicado en la parte derecha. Haz clic en Agregar en el inspector para buscar módulos y 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 en el inspector. 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, podrás ver el correo 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 seleccionarla para nuevas páginas o correos electrónicosTambién puedes seleccionar esta plantilla para tu blog en la configuración del blog.

/es/cms-general/create-page-email-and-blog-templates-in-the-layout-editor