Utilizar módulos predeterminados en el editor de diseño

HubSpot proporciona módulos predeterminados para construir plantillas de arrastrar y soltar en el editor de diseño dentro del administrador de diseño. Puede añadir módulos predeterminados y clonar módulos predeterminados para utilizarlos en sus plantillas de arrastrar y soltar. Además, puede editar el contenido por defecto de algunos módulos predeterminados. 

Antes de comenzar

Antes de comenzar a trabajar con esta característica, asegúrate de que comprendes perfectamente qué pasos hay que dar con antelación, así como las limitaciones de la función y las posibles consecuencias de utilizarla. 

Requisitos de marca

• Los usuarios deben ser Superadministradores o tener activados los permisos de herramientas de diseño para acceder a los módulos y editarlos. 

Comprender las limitaciones y consideraciones

• Este artículo explica cómo utilizar el inspector en el editor de diseño dentro del administrador de diseño para añadir y clonar módulos predeterminados. También puede editar el contenido predeterminado.para algunos módulos predeterminados.
• Para añadir módulos predeterminados, utilizando HubL, a plantillas HTML o plantillas personalizadas, obtenga más información en la documentación para desarrolladores.
• Para añadir y editar módulos en el editor de contenido, obtenga más información sobre cómo añadir y editar módulos en el editor de contenido.
• De forma predeterminada, las cuentas Marketing Hub y Content Hub Pro & Enterprise tienen una carpeta @hubspot en el gestor de diseño.
• Algunos módulos predeterminados sólo pueden añadirse a tipos de plantilla específicos. Por ejemplo, el módulo de formularios no está disponible para las plantillas de correo electrónico.
• Los módulos predeterminados deben clonarse antes de poder personalizar el código fuente del módulo.

Añadir módulos a plantillas de arrastrar y soltar

Puede añadir módulos predeterminados a las plantillas de arrastrar y soltar, utilizando el editor de diseño, en el administrador de diseño.

1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
2. En la columna de la izquierda, haga clic en el nombre  de la plantilla. 
3. En la columna de la derecha, haga clic en + Añadir. 
4. Introduzca el nombre  de un módulo predeterminado o personalizado en la barra de búsqueda. 
5. Haga clic en el nombre del módulo , y arrástrelo a su plantilla. 
6. En el inspector de la sección Opciones de estilo , ajuste el estilo personalizado para el módulo. 

7. En el inspector de la sección Contenido predeterminado , edite el contenido que aparecerá cuando el módulo se añada al editor de contenido. Más información sobre la edición del contenido predeterminado de los módulos.

8. Para impedir que otros usuarios editen el contenido predeterminado de un módulo, haga clic en el botón Impedir la edición en los editores de contenido de la sección Opciones del editor .

Clonar módulos predeterminados

Puedes clonar módulos predeterminados en la carpeta @hubspot del administrador de diseño para editar el código fuente del módulo. Esta carpeta contiene todos sus temas y módulos predeterminados, incluidos los módulos de correo electrónico de arrastrar y soltar. 

1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
2. En el buscador, haz clic en la carpeta @hubspot .

3. Haga clic con el botón derecho en un módulo predeterminado y seleccione Clonar módulo. 
4. En el módulo clonado, edita el código fuente del módulo. Más información sobre la configuración de un módulo.
5. En la parte superior derecha, haz clic en Publicar cambios.

Mánager de versiones de módulos

Periódicamente, HubSpot puede lanzar una nueva versión de un módulo existente por defecto. Esto permite a HubSpot implementar actualizaciones significativas sin interrumpir el contenido existente. Por ejemplo, una nueva versión de un módulo puede ofrecer una mejor organización de los campos, más opciones de estilo y una funcionalidad mejorada. Más información sobre el versionado de módulos en la documentación para desarrolladores de HubSpot.

Puede gestionar las versiones de los módulos desde la página de ajustes de su cuenta Temas & Módulos , incluyendo la actualización de una versión, la vuelta a una versión anterior o la visualización de las versiones actuales de todos los módulos predeterminados.

Actualizar la versión de un módulo

• Para actualizar a una nueva versión de un módulo:

1. 1. En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
   2. En el menú de la barra lateral izquierda, navega aMódulos de temas &de contenido>.  
   3. En la pestaña Alertas , las últimas actualizaciones de los módulos predeterminados aparecerán con la etiqueta Actualización disponible . Haga clic en Ver actualización junto a un módulo para ver más detalles sobre la actualización.

1. 4. En la barra lateral derecha, revise los cambios. La barra lateral tendrá un resumen de alto nivel de la actualización, junto con un desglose detallado de los cambios y los recursos que se verán afectados.

1. 5. Para actualizar el módulo, haga clic en Instalar actualización. A continuación, en el cuadro de diálogo, haga clic en Confirmar actualización.

Nota: las páginas y plantillas pueden tardar hasta 10 minutos en mostrar el módulo actualizado.

• Tras actualizar el módulo, accederá a la pestaña Módulos de la página de ajustes Temas & Módulos . En esta página puede ver los módulos actualizados recientemente, los módulos con actualizaciones disponibles y la información sobre la versión de todos los módulos predeterminados de su cuenta.

Revertir un módulo actualizado

En la pestaña Módulos de la página de ajustes, puede revertir un módulo actualizado en los últimos 30 días a una versión anterior. 

• Para revertir un módulo actualizado recientemente:
  1. En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
  2. En el menú de la barra lateral izquierda, navega aMódulos de temas &de contenido>.  
  3. Haga clic en la pestaña Módulos , localice el módulo que desea revertir y, a continuación, haga clic en Deshacer actualización reciente.

• 4. En la barra lateral derecha, revise el historial de versiones del módulo y, a continuación, haga clic en Deshacer esta actualización.

• 5. Revise la información de la barra lateral derecha para confirmar que desea deshacer la actualización y, a continuación, haga clic en Deshacer. 
  6. En el cuadro de diálogo, haga clic en Confirmar. 
• Tras revertir el módulo, es posible que sus plantillas y páginas tarden algún tiempo en mostrar el módulo revertido. Puede volver a actualizar el módulo actualizando la versión de un módulo.

Editar el contenido predeterminado de los distintos tipos de módulos

Puedes editar el contenido por defecto de algunos módulos predeterminados en plantillas de arrastrar y soltar dentro del editor de diseño del Mánager de Diseño . Para ver una lista completa de los módulos predeterminados, obtenga más información sobre los módulos de correo electrónico predeterminados y los módulos web predeterminados.

Cancelación de suscripción con copia de seguridad

El módulo de cancelación de suscripción de copia de seguridad se muestra a los destinatarios de correo electrónico que hacen clic en un enlace para cancelar la suscripción y HubSpot no puede confirmar su dirección de correo electrónico. Este módulo sólo se puede editar desde una plantilla de sistema de baja de copia de seguridad de correo electrónico. 

• Para editar el contenido predeterminado del módulo de baja de copia de seguridad:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Backup Unsubscribe .
  4. En el inspector de la sección Contenido predeterminado , introduzca el texto que aparece para Título, Subtítulo y Mensaje de error.

• Cuando haya terminado de editar el módulo, haga clic en Publicar cambios.

Suscripción a los correos del blog

El módulo de suscripción de correo electrónico del blog permite que los visitantes se suscriban a tus correos electrónicos de resumen del blog llenando un formulario. Este módulo se rellena con tu formulario de suscripción al blog , que puedes personalizar en tu herramienta de formularios.

Nota: el módulo de suscripción por correo electrónico al blog no está disponible para las plantillas de correo electrónico. 

• Para editar el contenido predeterminado del módulo de suscripción por correo electrónico del blog:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Blog Email Subscription o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , haga clic en el menú desplegable Seleccionar blog para mostrar y seleccione el blog al que están suscritos sus visitantes.
  5. Haga clic en el menú desplegable Nivel de encabezamiento para seleccionar un nivel de encabezamiento.
  6. En el campo Título a mostrar encima del formulario , introduzca el texto que aparecerá en el título encima del formulario.
  7. En el campo Respuesta en línea para usuarios , haga clic en el icono expandIcon para personalizar el texto que aparece después de que un visitante envíe el formulario.

• Cuando haya terminado de editar el módulo de suscripción por correo electrónico del blog, haga clic en Publicar cambios en la parte superior derecha.

Llamada a la acción

Un módulo de llamada a la acción (CTA) coloca una CTA en su propio módulo dentro de tu diseño. También puedes insertar un CTA en un módulo de texto enriquecido .

• Para editar el contenido predeterminado de un módulo de llamada a la acción:

• 1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Llamada a la acción o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , haga clic en Seleccionar.

• 5. En el panel lateral derecho, seleccione una CTA o haga clic en Crear nueva.
  6. Haz clic en Insertar.

Biblioteca de contenidos

Puedes utilizar el módulo de biblioteca de contenidos para configurar una biblioteca de recursos a la que puedan acceder tus Visitantes.

• Para editar el contenido predeterminado del módulo de biblioteca de contenidos:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Biblioteca de contenidos o añada el módulo.
  4. Para editar un recurso existente en la biblioteca de contenidos, haga clic en el icono editIc onen el inspector. Puede personalizar el nombre, la descripción, el texto del enlace y la imagen.
  5. Para eliminar un recurso del módulo de biblioteca de contenidos, haga clic en el icono deleteIcon en el inspector.
  6. Para añadir un recurso personalizado al módulo de biblioteca de contenidos, haga clic en + Añadir en el inspector.
  7. Para ajustar un recurso como destacado, haga clic en el icono favoriteIcon en el inspector.

• Cuando haya terminado de editar el módulo de la biblioteca de contenidos, haga clic en Publicar cambios en la parte superior derecha.

Formulario

Puede utilizar el módulo de formulario para añadir un formulario a su contenido para capturar la información del visitante.

Nota: el módulo de formulario no está disponible para las plantillas de correo electrónico. 

• Para editar el contenido predeterminado del módulo de formulario:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Formulario o añada el módulo.
  4. En el inspector de lasección Contenido predeterminado , introduzca el texto del campo Título del formulario .
  5. En el menú desplegable Formulario , seleccione un formulario.
  6. En el campo ¿Qué verá el visitante después de enviar el formulario? , seleccione Redireccionamiento a otra página o Mostrar un mensaje de agradecimiento en línea. 
     • Para redireccionar a otra página, en el menú desplegable Enlace de redireccionamiento , seleccione una página, entrada o haga clic en + Añadir enlace externo. 
     • Para mostrar un mensaje de agradecimiento en línea, en el campo Mensaje de agradecimiento, haga clic en el icono expandexpandir.
  7. Seleccione la casilla de verificación Enviar notificaciones de formulario a las direcciones de correo electrónico especificadas en lugar de a las predeterminadas en el formulario para anular los destinatarios de notificaciones establecidos en la herramienta de formularios.
• Cuando haya terminado de editar el módulo del formulario, haga clic en Publicar cambios en la parte superior derecha.

Encabezado

Puede utilizar el módulo de encabezado para mostrar una línea de texto en una etiqueta HTML de encabezado.

• Para editar el contenido predeterminado del módulo de cabecera:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Título o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , introduzca texto en el campo Contenido del encabezado . 
  5. Haga clic en el menú desplegable Nivel de encabezado y seleccione un nivel de encabezado (H1-H4).

• Cuando haya terminado de editar el módulo de cabecera, haga clic en Publicar cambios en la parte superior derecha.

Imagen

Puede utilizar el módulo de imagen para mostrar una sola imagen en su contenido.

• Para editar el contenido predeterminado del módulo de imágenes:
  
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Imagen o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , haga clic en Reemplazar en el campo Imagen .
  5. En el panel de la derecha, seleccione la imagen que desea mostrar. 
  6. Introducir una descripción de la imagen en el campo Texto alt .
  7. En el menú desplegable Tamaño , seleccione Ajustar automáticamente o Ancho y alto exactos.
  8. En el menú desplegable Tamaño máximo , seleccione Tamaño original de la imagen o Personalizado.
  9. En el menú desplegable Carga de imágenes , seleccione De forma predeterminada, Perezoso o Ansioso.
  10. En el campo Enlace (opcional) , introduzca una URL opcional para dirigir a los visitantes cuando se haga clic en la imagen.

• Cuando haya terminado de editar el módulo de imagen, haga clic en Publicar cambios en la parte superior derecha.

Rejilla de imágenes

Puede utilizar el módulo de cuadrícula de imágenes para añadir una cuadrícula uniforme de imágenes a su contenido. 

• Para editar el contenido predeterminado del módulo de cuadrícula de imágenes:
  
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Image Grid o añada el módulo.
  4. Para editar una imagen existente en el módulo de cuadrícula de imágenes, haga clic en el icono editIc onen el inspector. Puede subir o examinar imágenes existentes, y editar el texto del enlace, la URL del enlace o el mensaje hover.
  5. Para eliminar una imagen del módulo de cuadrícula de imágenes, haga clic en el icono deleteIcon en el inspector.
  6. Para añadir una nueva imagen al módulo de cuadrícula de imágenes, haga clic en + Añadir en el inspector.
  7. Haga clic para ampliar los Ajustes. En el panel de ajustes, puede ajustar lafuncionalidad Hover, lafuncionalidad Clic, lasColumnas y laRelación de aspecto. 

• Cuando haya terminado de editar el módulo de cuadrícula de imágenes, haga clic en Publicar cambios en la parte superior derecha.

Deslizador de imágenes

Puede utilizar el módulo deslizador de imágenes para mostrar varias imágenes que se desplazan automáticamente en el mismo módulo. 

• Para editar el contenido predeterminado del módulo deslizador de imágenes:
  
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Image Slider o añada el módulo.
  4. Para editar una imagen existente en el módulo deslizador de imágenes, haga clic en el icono editIc onen el inspector. Puede subir o examinar imágenes existentes y editar el pie de foto o la URL del enlace.
  5. Para eliminar una imagen del módulo deslizador de imágenes, haga clic en el icono deleteIcon en el inspector.
  6. Para añadir una nueva imagen al módulo deslizador de imágenes, haga clic en + Añadir en el inspector.
  7. Haga clic para ampliar los Ajustes. En el panel de ajustes, puede ajustar lasDiapositivas, elMovimiento y laNavegación. 

• Cuando haya terminado de editar el módulo deslizador de imágenes, haga clic en Publicar cambios en la parte superior derecha.

Conmutador de idiomas

Puede utilizar el módulo de cambio de idioma para que los visitantes puedan cambiar entre las versiones traducidas de una página o blog. 

Nota: el módulo de cambio de idioma no está disponible para las plantillas de correo electrónico. 

• Para editar el contenido predeterminado del módulo de cambio de idioma:
  
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Language Switcher o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , seleccione la casilla de verificación Añadir chevron abajo para mostrar un chevron para el conmutador de idiomas.
  5. Haga clic en el menú desplegable Modo de visualización para seleccionar uno de los siguientes:
     
     • Pagelang: el nombre de cada idioma que aparecerá en el idioma de la página actual. Por ejemplo, si estás viendo la versión en inglés de una página con una traducción al francés, cuando hagas clic en el conmutador de idioma, verás inglés y francés como los nombres de idioma. 
     • Localizado: significa que el nombre de cada idioma aparecerá en dicho idioma. Por ejemplo, si estás viendo la versión en inglés de una página con una traducción al francés, cuando hagas clic en el conmutador de idioma, verás English y Français como los nombres de idioma.
     • Híbrido: es una combinación de los dos. Por ejemplo, si estás viendo la versión en inglés de una página con una traducción al francés, cuando hagas clic en el conmutador de idioma, verás inglés (English) y francés (Français) como los nombres de idioma.
  6. Haga clic en el menú desplegable Opciones de icono y seleccione Ninguno, Icono o Icono personalizado.

• Cuando haya terminado de editar el módulo de cambio de idioma, haga clic en Publicar cambios en la parte superior derecha.

Nota: este módulo sólo aparecerá en páginas activas con más de una traducción publicada. Más información sobre cómo trabajar con contenido multilingüe en HubSpot.

Logotipo

Puede utilizar el módulo de logotipo para mostrar el logotipo de su empresa desde su kit de marca en su contenido. 

• Para editar el contenido predeterminado del módulo del logotipo :
  
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Logo o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , haga clic para activar Anular logotipo predeterminado para subir una nueva imagen para el contenido que utiliza la plantilla.
  5. Para editar el logotipo predeterminado, haga clic en Editar logotipo predeterminado en este dominio.
  6. En el menú desplegable Carga de imágenes , seleccione De forma predeterminada, Perezoso o Ansioso. 
  7. En el campo URL del enlace , introduzca el texto de la URL a la que desea dirigir a los visitantes cuando se haga clic en la imagen del logotipo. Esto anulará el valor predeterminado especificado en su kit de marca.

• Cuando haya terminado de editar el módulo del logotipo, haga clic en Publicar cambios en la parte superior derecha.

Cuadrícula del logotipo

Puede utilizar el módulo de cuadrícula de logotipos para organizar varios logotipos de distintas dimensiones en una cuadrícula coherente.

• Para editar el contenido predeterminado del módulo de rejilla del logotipo:
  
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Logo Grid o añada el módulo.
  4. Para editar una imagen existente, pulse el icono editIconen el inspector. Puedes subir o examinar imágenes existentes y editar el texto alternativo o la carga de la imagen...
  5. Para eliminar una imagen del módulo de rejilla de logotipos, haga clic en el icono deleteIcon en el inspector.
  6. Para añadir una nueva imagen al módulo de rejilla de logotipos, haga clic en + Añadir en el inspector.

• Cuando haya terminado de editar el módulo de cuadrícula del logotipo, haga clic en Publicar cambios en la parte superior derecha.

Cuerpo del correo electrónico

El módulo principal del cuerpo del correo electrónico es un módulo estándar de texto enriquecido que se incluye de forma predeterminada en todas las plantillas de correo electrónico. 

• Para editar el contenido predeterminado del módulo del cuerpo principal del correo electrónico:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Cuerpo principal del correo electrónico .
  4. En el inspector de la sección Contenido predeterminado , haga clic en el icono expandIconpara editar el texto que aparece en el cuerpo del mensaje.

• Para editar las opciones de estilo del módulo del cuerpo principal del correo electrónico: 
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Cuerpo principal del correo electrónico .
  4. En el inspector de la sección Opciones de estilo , introduzca valores hexadecimales en los campos de texto Color del texto, Color de fondo y Color del borde. También puede hacer clic en elselector de color .

• Cuando haya terminado de editar el módulo principal del cuerpo del correo electrónico, haga clic en Publicar cambios en la parte superior derecha.

menú

Puede utilizar el módulo de menú para añadir navegación a su contenido. Los menús se crean y gestionan directamente en los ajustes del menú de navegación. 

• Para editar el contenido predeterminado del módulo de menú:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Menú o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , haga clic en el menú desplegable Menú y seleccione un menú existente o haga clic en Crear nuevo.
  5. En el menú desplegable Tipo de menú avanzado , seleccione una de las siguientes opciones:
     • Estático - Muestre siempre las páginas de nivel superior en el menú: mantenga la coherencia del menú en todas las páginas.
     • Dinámico por sección - Muestra las páginas del menú que están relacionadas con la sección que se está visualizando: muestra los elementos del menú relativos al elemento del menú de nivel superior que se está visualizando.
     • Dinámico por página - Mostrar páginas en el menú relacionadas con la página que se está visualizando: muestra los elementos del menú relacionados con la página específica que se está visualizando.
     • Menú con estilo de ruta de acceso (utiliza flujo horizontal): muestra los elementos del menú de manera horizontal en una ruta de acceso relativa en la parte superior de tu sitio web.
  6. En el campo Niveles máximos , introduzca el número máximo de elementos de menú secundarios que se pueden mostrar.
  7. En el menú desplegable Orientación , seleccione Horizontal o Vertical.
  8. Para mostrar los elementos del menú secundario al pasar el ratón por encima de la navegación principal, active la casilla de verificación Activar elementos flotantes.

• Cuando haya terminado de editar el módulo de menú, haga clic en Publicar cambios en la parte superior derecha.

Información sobre dirección de oficina

El módulo de localización de oficinas incluye tokens necesarios que deben incluirse en una plantilla de email para enviar emails de marketing. 

• Para editar el contenido predeterminado del módulo de información sobre la ubicación de la oficina:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Vaya a su plantilla de correo electrónico.
  3. En el editor de diseño, haga clic en el módulo Información sobre la ubicación de la oficina.
  4. En el inspector de la sección Contenido predeterminado , haga clic en el icono expandIcon para editar el texto que aparece con los tokens requeridos en su correo electrónico.

• Para editar las opciones de estilo del módulo de información sobre la ubicación de la oficina:
  • En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  • Navegue hasta su plantilla.
  • En el editor de diseño, haga clic en el módulo Información sobre la ubicación de la oficina .
  • En el inspector de la sección Opciones de estilo , introduzca valores hexadecimales en los campos de texto Color del texto, Color de fondo y Color del borde. También puede hacer clic en elselector de color .

• Cuando haya terminado de editar el módulo de información sobre la ubicación de la oficina, haga clic en Publicar cambios en la parte superior derecha.

Una línea de texto

Puede utilizar el módulo de una línea de texto para añadir una sola línea de texto a su contenido. 

Solicitud de contraseña

El módulo de solicitud de contraseña está disponible en las plantillas del sistema de solicitud de contraseña . Si una página está protegida con contraseña, la página de solicitud de contraseña aparecerá antes de que el usuario pueda acceder a la página. 

• Para editar el contenido predeterminado del módulo de prompt de contraseña:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla de prompt de contraseña.
  3. En el editor de diseño, haga clic en el módulo Password Prompt.
  4. En el inspector de la sección Contenido predeterminado , haga clic en el icono expandIcon para editar el texto del mensaje de contraseña incorrecta .

• Cuando haya terminado de editar el módulo de prompt de contraseña, haga clic en Publicar cambios en la parte superior derecha.

Filtro de publicaciones

Puede utilizar el módulo de filtro de entradas para mostrar una lista de artículos de blog de un tema, mes o autor específicos. 

• Para editar el contenido predeterminado del módulo de filtro de entradas:

1. 1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
   2. Navegue hasta su plantilla.
   3. En el editor de diseño, haga clic en el módulo Post Filter.
   4. En el inspector de la sección Contenido predeterminado , seleccione un blog para mostrar en el menú desplegable Seleccionar blog para mostrar .
   5. En el menú desplegable Lista de valores para filtrar enlaces , seleccione Etiqueta, Mes o Autor.
   6. En el menú desplegable Ordenación de valores para enlaces de filtro, seleccione Recuento de entradas o Nombre.
   7. En el campo Título de la lista a mostrar , introduzca el texto que se mostrará como título de la lista.
   8. Para mostrar todos los filtros , seleccione la casilla de verificación Mostrar todos los filtros .
   9. En el campo Número máximo de valores de filtro a mostrar , introduzca el número de entradas para un filtro.
   10. En el Texto a mostrar si hay más del valor máximo a mostrar. Déjelo en blanco para omitir el enlace campo, introduzca el texto que aparecerá si hay más puestos disponibles en una categoría.

• Cuando haya terminado de editar el módulo de filtro de entradas, haga clic en Publicar cambios en la parte superior derecha.

Listado de publicaciones

Puede utilizar el módulo de listado de entradas para mostrar una lista de las entradas de su blog. 

• Para editar el contenido predeterminado del módulo de listado de entradas:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Post Listing.
  4. En el inspector de la sección Contenido predeterminado , seleccione un blog para mostrar en el menú desplegable Seleccionar blog para mostrar .
  5. En el menú desplegable Ordenar entradas por , seleccione Más recientes, Más populares - de todos los tiempos, Más populares - último año, Más populares - últimos seis meses o Más populares - último mes.
  6. En el campo Elija lo que se muestra en su feed , seleccione la casilla de verificación junto a Imagen, Título, Nombre del autor y/o Fecha de publicación.
  7. Introducir el número máximo de entradas de blog a mostrar en el campo Número máximo de entradas de blog a mostrar .
  8. Introducir el texto que aparece en la parte superior del módulo .
  9. En el menú desplegable Nivel de encabezado , seleccione el nivel de encabezado (H1-H6) para el contenido del módulo.

• Cuando haya terminado de editar el módulo de listado de entradas, haga clic en Publicar cambios en la parte superior derecha.

Producto

Puede mostrar productos de su biblioteca de productos en páginas y entradas utilizando el módulo de productos. Se muestra la información predeterminada del producto, pero puede elegir anularla en cada página. 

• Para editar el contenido predeterminado del módulo de productos:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Producto o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , haga clic en Seleccionar un producto.
  5. En el panel de la derecha, seleccione la casilla de verificación situada junto al producto y, a continuación, haga clic en Seleccionar. Para crear un nuevo producto, haga clic en Crear un producto. 
  6. Una vez seleccionado un producto, puede anular y editar el Nombre, la Descripción, la Imagen y el Botón mostrados.

• Cuando haya terminado de editar el módulo de producto, haga clic en Publicar cambios en la parte superior derecha.

Texto enriquecido

El módulo de texto enriquecido admite opciones de edición para distintos componentes, como texto, imágenes y CTA.

• Para editar el contenido predeterminado del módulo de texto enriquecido:
  
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Texto enriquecido o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , haga clic en el icono expandIcon para editar el contenido de texto enriquecido. Más información sobre la edición de contenidos en módulos de texto enriquecido.

• Cuando haya terminado de editar el módulo de texto enriquecido, haga clic en Publicar cambios en la parte superior derecha.

Listado de RSS

Puedes utilizar un módulo de listado RSS para mostrar resúmenes de entradas de blog para un blog de HubSpot o un feed RSS externo.

Nota: el módulo de listado RSS no está disponible para plantillas de correo electrónico. Utiliza en su lugar un correo electrónico RSS . 

• Para editar el contenido predeterminado del módulo de listado RSS:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo RSS Listing o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , introduzca texto para el campo Título RSS .
  5. En el campo Añadir una fuente RSS , seleccione Usar una fuente RSS externa o Usar un blog alojado en HubSpot.
  6. En el menú desplegable Blog , seleccione un blog.
  7. En el menú desplegable Filtrar por etiqueta , seleccione una etiqueta.
  8. Introducir el número máximo de entradas en el campo Número máximo de entradas a mostrar .
  1. Para incluir una imagen destacada, seleccione la casilla de verificación Incluir imagen destacada.
  2. Para mostrar el nombre del autor, seleccione la casilla de verificación Mostrar nombre del autor.
  3. Introducir el texto a mostrar en el campo Texto de atribución del autor . De forma predeterminada incluye por como texto de atribución.
• 
  
  4. Para mostrar un resumen del blog, seleccione la casilla de verificación Mostrar resumen.
  5. En el campo Limitar la longitud del resumen (número de caracteres) , introduzca el número de caracteres al que desea limitar el resumen.
  6. Introducir el texto a mostrar en el campo Texto de resumen de clics . De forma predeterminada incluye Leer más como texto.
  7. Para mostrar la fecha de publicación, seleccione la casilla de verificación Mostrar fecha de publicación.
  8. En el menú desplegable Formato de fecha de publicación , seleccione el formato de la fecha de publicación.
  9. En el campo de texto Indicador de fecha de publicación , introduzca el texto del indicador que se mostrará. De forma predeterminada, el texto que aparece es "Publicado en" .

• Cuando haya terminado de editar el módulo de listado RSS, haga clic en Publicar cambios en la parte superior derecha.

Título de la sección

Puede utilizar el módulo de encabezamiento de sección para mostrar texto en una etiqueta de encabezamiento con un subtítulo de párrafo. 

• Para editar el contenido predeterminado del módulo de encabezado de sección:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Encabezado de sección o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , introduzca texto para el campo Contenido del encabezado de sección . 
  5. En el menú desplegable Nivel de encabezamiento , seleccione el nivel de encabezamiento (H1-H6) del contenido del texto.

• Cuando haya terminado de editar el módulo de encabezado de sección, haga clic en Publicar cambios en la parte superior derecha.

Menú simple

Puede utilizar el módulo de menú simple para crear un menú para una plantilla específica.

• Para editar el contenido predeterminado del módulo de menú simple:

1. 1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
   2. Navegue hasta su plantilla.
   3. En el editor de diseño, haga clic en el módulo Menú simple o añada el módulo.
   4. En el inspector de la sección Contenido por defecto , haga clic en Editar menú para el campo Menú simple . 

1. 5. Para editar el menú simple, haga clic en Añadir elemento de menú. A continuación, introduzca texto para el campo Etiqueta del elemento de menú . El tipo de elemento de menú predeterminado está ajustado a Enlace de página.
      • Para cambiar el tipo de elemento de menú a un enlace URL externo, haga clic en el menú desplegable Acciones y y, a continuación, haga clic en Enlace URL.
      • Para cambiar el tipo de elemento de menú para que no tenga un enlace URL, haga clic en el menú desplegable Acciones y, a continuación, en Sin enlace.
      • Para cambiar el tipo de elemento de menú a una página alojada en HubSpot con un parámetro URL, haz clic en el menú desplegable Acciones y, a continuación, haz clic en Enlace de página con parámetro URL.

1. 6. En el campo Orientación del menú , seleccione Horizontal o Vertical. Cuando cambie los ajustes de orientación del menú, una clase de hs-menu-flow-horizontal o hs-menu-flow-vertical al contenedor del menú. Esta clase se puede utilizar para dar estilo al menú en su CSS. Obtenga más información sobre las clases añadidas por los ajustes del módulo en la documentación para desarrolladores.

• Cuando haya terminado de editar el módulo de menú simple, haga clic en Publicar cambios en la parte superior derecha.

Compartir en redes sociales

Puede utilizar el módulo para compartir en redes sociales para ofrecer a los visitantes la opción de compartir sus contenidos en las redes sociales y por correo electrónico.

• Para editar el contenido predeterminado del módulo de redes sociales:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Redes sociales o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , introduzca una URL de página personalizada opcional en el campo URL del enlace .
  5. En cada sección de redes sociales, haga clic para ampliar la sección y, a continuación, seleccione la casilla de verificación ¿Habilitado? para incluirla en su contenido.
  6. Una vez habilitada una red social, el campo Enlace se rellenará automáticamente con las etiquetas HubL necesarias para compartir tu contenido. En los emails de marketing, el módulo utilizará laURL de la versión web de ese email en el enlace para compartir.
     

Nota: el módulo para compartir en redes sociales utiliza los iconos predeterminados para cada red social. Si quieres utilizar tus propios iconos sociales personalizados  , puedes crear una versión personalizada del módulo.

• Cuando haya terminado de editar el módulo de redes sociales, haga clic en Publicar cambios en la parte superior derecha.

Seguimiento social

Puede utilizar el módulo de seguimiento social para ofrecer a los visitantes la opción de seguir a su empresa en las redes sociales.

• Para editar el contenido predeterminado del módulo de redes sociales:

1. 1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
   2. Navegue hasta su plantilla.
   3. En el editor de diseño, haga clic en el módulo Redes sociales o añada el módulo.

• 4. Para editar un enlace social existente desde el módulo de seguimiento social, haga clic en el icono editIconen el inspector. Puede personalizar la URL y seleccionar Abrir enlace en ventana nueva, Este enlace es un pódcast, Personalizar texto alt y/o Personalizar casillas de icono.

1. 5. Para eliminar un enlace social del módulo de seguimiento social, haga clic en el icono deleteIcon en el inspector.
   6. Para añadir un enlace social al módulo de seguimiento social, haga clic en + Añadir en el inspector. En el menú desplegable Enlace a , seleccione Dirección externa o Dirección de correo electrónico.

• Cuando hayas terminado de editar el módulo de redes sociales, haz clic en Publicar cambios en la parte superior derecha.

Preferencias de suscripción

Puede utilizar el módulo de preferencias de suscripción para personalizar el contenido que ve un destinatario de correo electrónico cuando gestiona sus preferencias de suscripción. Este módulo sólo está disponible en las plantillas del sistema de preferencias de suscripción.

• Para editar el contenido predeterminado del módulo de preferencias de suscripción:

1. 1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
   2. Navegue hasta su plantilla.
   3. En el editor de diseño, haga clic en el módulo Preferencias de suscripción .
   4. En el inspector de la sección Contenido predeterminado , introduzca texto para el campo Encabezado .
   5. En el menú desplegable Nivel de encabezado, seleccione un nivel de encabezado (H1-H6).
   6. En el menú desplegable Nivel de encabezado de correo electrónico , seleccione un nivel de encabezado (H1-H6).
   7. En el campo Subencabezado , haga clic en el icono expandIcon para editar el texto.

1. 8. Introducir el texto deseado, en los siguientes campos:
      • Texto de ayuda para la selección de preferencias
      • Dar de baja todo el texto de ayuda
      • Dar de baja todo el texto de ayuda para un. usuario actualmente dado de baja
      • Anular la suscripción de todas las etiquetas
      • Texto del botón Actualizar preferencias
      • Texto del botón de reinscripción

• Cuando haya terminado de editar el módulo de preferencias de suscripción, haga clic en Publicar cambios en la parte superior derecha.

Confirmación de actualización de la suscripción

Puede utilizar el módulo de confirmación de actualización de suscripción para personalizar el contenido que se muestra cuando un destinatario de correo electrónico actualiza sus preferencias de suscripción. Este módulo sólo está disponible en las plantillas del sistema de confirmación de suscripción por correo electrónico.

• Para editar el contenido predeterminado del módulo de confirmación de actualización de suscripciones:

1. 1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
   2. Navegue hasta la plantilla de su sistema.
   3. En el editor de diseño, haga clic en el módulo Confirmación de actualización de suscripciones .
   4. En el inspector de la sección Contenido predeterminado , introduzca texto para el campo Encabezado .
   5. En el menú desplegable Nivel de encabezado, seleccione un nivel de encabezado (H1-H6).
   6. En el menú desplegable Nivel de encabezado de correo electrónico , seleccione un nivel de encabezado (H1-H6).
   7. En el campo Subencabezado , haga clic en el icono expandIcon para editar el texto.

1. 8. En el campo Mensaje al darse de baja , introduzca el texto que se mostrará cuando un visitante se dé de baja.
   9. En el campo Mensaje al actualizar la suscripción , introduzca el texto que se mostrará cuando un visitante actualice sus preferencias de suscripción.

• Cuando haya terminado de editar el módulo de confirmación de actualización de suscripciones, haga clic en Publicar cambios en la parte superior derecha.

Visualización como página web

Puede utilizar el módulo de visualización como página web para ofrecer a los destinatarios de correo electrónico la opción de abrir sus correos electrónicos de marketing como una página web. Más información sobre el uso de la versión de página web de un módulo de correo electrónico.

• Para editar la vista como contenido predeterminado del módulo de página web:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Vaya a su plantilla de correo electrónico.
  3. En el editor de diseño, haga clic en el módulo Ver como página web o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , haga clic en el icono expandIco para editar el texto que aparece en el campo de texto Ver como página web .

• Para editar las opciones de estilo del módulo del cuerpo principal del correo electrónico: 
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Vaya a su plantilla de correo electrónico.
  3. En el editor de diseño, haga clic en el módulo Ver como página web o añada el módulo.
  4. En el inspector de la sección Opciones de estilo , introduzca valores hexadecimales en los campos de texto Color del texto, Color de fondo y Color del borde. También puede hacer clic en elselector de color .

• Cuando haya terminado de editar el módulo principal del cuerpo del correo electrónico, haga clic en Publicar cambios en la parte superior derecha.

Enlace de WhatsApp 

Puede utilizar el módulo de enlace de WhatsApp para ofrecer a los visitantes del sitio web la opción de conectar directamente con usted. Este módulo puede añadirse a páginas, entradas de blog y páginas de índice de blogs. Para usar este módulo, necesitarás conectar tu canal de WhatsApp a tu bandeja de conversaciones.

Nota: este módulo sólo está disponible para lascuentas Marketing Hub y Service Hub Pro y Enterprise .

• Para editar el contenido predeterminado del módulo de enlace de WhatsApp:
  1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  2. Navegue hasta su plantilla.
  3. En el editor de diseño, haga clic en el módulo Enlace WhatsApp o
     o añada el módulo.
  4. En el inspector de la sección Contenido predeterminado , haz clic en Ir a ajustes para conectar tu canal de WhatsApp con tu bandeja de entrada de conversaciones. 
  5. En el menú desplegable Opt in text , seleccione una opción Opt in.
  6. En el menú desplegable Mostrar , seleccione Texto e icono, Sólo texto o Sólo icono. 
  7. En el menú desplegable Posición del icono , seleccione Izquierda o Derecha.
  8. En el campo Texto del botón, introduzca el texto que aparecerá en el botón. De forma predeterminada se mostrará el texto Chat en WhatsApp.
  9. En el campo Título del icono de Whatsapp , introduce el texto del título para la accesibilidad. De forma predeterminada, el texto es Icono de WhatsApp.

• Cuando haya terminado de editar el módulo de enlace de WhatsApp, haga clic en Publicar cambios en la parte superior derecha.