Explicación de los módulos estándar de HubSpot

Última actualización: December 29, 2016

Este artículo explica los varios módulos que se pueden agregar al diseño de una plantilla. Cada tipo de módulo tiene un propósito diferente que puede ser útil en ciertas circunstancias. Recuerda que algunos módulos no están disponibles en ciertos tipos de plantillas.

Para ver una lista completa de módulos que están disponibles para el tipo de plantilla en el que estás trabajando, debes hacer clic en configuración en cualquier plantilla y elegir el módulo Intercambiar.Recuerda que ciertos tipos de plantillas tienen disponibles opciones de tipo de módulo adicionales.

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

Menú avanzado

Puedes usar el módulo de contenido de Menú avanzado para agregar la navegación a tu contenido y plantillas. Tu navegación se crea en los Menús avanzados (Contenido > Configuración de contenido > Menús avanzados). Para aprender más sobre construir menús, echa un vistazo a este artículo.

Opciones avanzadas del menú
HubSpot Academy

Mejores prácticas

Su menú de navegación principal debe añadirse a todas las plantillas de páginas web y eliminarse de las plantillas de páginas de destino. Mantenga la navegación primaria sencilla. Menús de navegación excesivamente complicados pueden hacer que sea difícil para el usuario no navegar por su sitio web.

Desplegables simples, navegación de barra lateral, y / o menús de navegación de pie de página también pueden ayudar a los usuarios navegar sitios web densos. Usted puede manejar multiples árboles de menús en Advanced Menus (Menús avanzados). También hay que tener en cuenta que si usted está utilizando una navegación de varios niveles, asegúrese de que sus menús desplegables funcionen en los dispositivos móviles también.

Lee más

Al editar las opciones del módulo, puedes personalizar de la siguiente manera:

  • El tipo de menú:
    • Estático: representa el arból de menú entero
    • Dinámico por sección : representa los elementos del menú de una sección más general (múltiples niveles más arriba)
    • Dinámica por páginarepresenta los elementos del menú dentro de la página  más general (un nivel más arriba)
    • Breadcrumb: muestra la ruta de navegación a la página actual
  • El número máximo de menús desplegables / laterales que se presenten.
  • La orientación actualiza las especificaciones del HTML para que los menús puedan estilizarse respectivamente (en horizontal o en vertical)
  • Habilitar menús laterales enciende o apaga los menús desplegables / menús laterales secundarios
  • Cuál  árbol de menús de contenido avanzado debe usarse como la base del menú de navegación

Cancelar la suscripción de la copia de seguridad

La Plantilla de respaldo de bajas de suscripción se presenta para los destinatarios de correo electrónico si HubSpot no uede determinar su correo electrónico cuando el destinatario trata de dar de baja su suscripcíón. Este módulo te permite personalizar el texto de ayuda en la Plantilla de respaldo de bajas de suscripción.

Puedes aprender más acerca de la creación plantillas de sistema aquí.

Cancelar la suscripción de la copia de seguridad

Comentarios del blog

El Módulo de comentarios de Blog agrega una sección de comentarios a tus plantillas de post de blog individuales. Puedes personalizar el formulario de comentarios de blog desde tu herramienta de formularios (Contactos > Formularios). Este módulo solo está disponible en diseños de plantillas de blog.

Formulario predeterminado de comentarios del blog

Contenido del blog

El Módulo de contenido de blog contiene las especificaciones de HTML / HubL tanto de tus posts de blog como de tus páginas de listados de blog. Puedes editar las especificaciones del post con hacer clic en la Plantilla de Edición de post y editar las especificaciones del listado con un clic en la Plantilla de Edición del listado.

Para aprender más sobre las especificaciones del módulo de contenido de blog, echa un vistazo a este recurso. En cualquier momento puedes revertir el módulo a su código original con intercambiar el módulo a un módulo nuevo de Contenido de blog.

blog-content-1.png

Suscripción al correo electrónico del blog

Puedes usar el Módulo de suscripción de correo electrónico para blog para ayudar a tus visitantes a inscribirse a los correos electrónicos de noticias de tu blog con llenar un formulario.  Este módulo no está disponible en plantillas de correo electrónico. Este módulo está poblado por tu formulario de suscripción de blog, que puede ubicarse y personalizarse con tu herramienta de Formulario (Contactos > Formularios).

Suscripción al correo electrónico del blog

Llamada a la acción

Puedes insertar un botón de CTA (llamada a la acción, por sus siglas en inglés) en tu módulo de texto enriquecido o usar un módulo de Llamada a la acción. Debes de usar un módulo de Llamada a la acción si quieres poder selecciona r / editar la llamada a la acción sin interferir con el formato del módulo de contenido de texto enriquecido. Para aprender más sobre las CTA, echa un vistazo a la Guía del usuario sobre la Llamada a la acción.

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

HTML personalizado

Puedes usar el módulo de contenido de HTML personalizado si quieres tener control total sobre el código de HTML detrás del contenido de tu módulo cuando edites una página. Estos módulos son compatibles con HTML, CSS, JavaScript y HubL. Los módulos de HTML personalizados son ideales para agregar código incrustado apra videos, reproductores de música, feeds sociales, mapas, etc. A diferencia de los módulos de plantillas HubL, los módulos de HTML personalizados son editables al nivel de la página.

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

Módulos personalizados

Los módulos personalizados son módulos de código avanzado que te permiten usar HTML, CSS; Javascript y HubL para agregar funcionalidad avanzada a tus plantillas y aún le permite a tus profesionales de marketing modificar sus contenidos sin tocar el código. Los módulos personalizados pueden agregarse repetidamente a una plantilla. Aprenderás más sobre usar módulos personalizados en una sección posterior en esta guía.

Columna flexible

Puedes usar la Columna flexible en la plantilla de tu sitio o de tu página de destino para darle a los creadores de contenido la capacidad de agregar o eliminar módulos dentro de esa columna desde el editor de contenido. Este módulo no está disponible en plantillas de blog, de página de sistema o de correo electrónico.

La opción es ideal si tus profesionales de marketing quisieran la habilidad de agregar módulos a una página individual sin afectar las demás páginas construidas dentro de la misma plantilla. Si tienes un grupo de módulos en una columna flexible y quisieras cambiarlo para que vuelva a ser un grupo estático, haz clic en Configuración > Revertir a grupo estático.

Columna flexible
Una vez que una columna flexible se ha personalizado para una página en particular, utilizando el editor de contenido, los cambios en esa columna a nivel de la plantilla no tendrán efecto para esa página personalizada.

Sígueme

Puedes usar el Módulo de sígueme (Follow Me module) para ayudar a tus visitantes a ponerse en contacto con tu empresa o redes sociales. A diferencia del Módulo de acción en redes sociales, el Módulo de sígueme dirige a tus usuarios desde tu sitio web a tus respectivas páginas de redes sociales.

Puedes elegir qué redes sociales aparecen en tu Módulo de sígueme en tu Configuración social (Social > Configuración social > Módulo de sígueme).

Módulo Sígueme

Formulario

El Módulo de formulario le permite a los usuarios seleccionar un formulario para agregarlo a una página. Se usa para capturar la información de contacto de los visitantes de tu sitio web. Está disponible como módulo que puede agregarse al contenido y a las plantillas creadas con las Páginas de destino, Páginas del sitio y Páginas del blog.

El Módulo de formulario te permite:

  • Darle a tu formulario un título en la página.
  • Elegir cuál formulario de HubSpot aparecerá en cuál página.
  • Elige si quieres redirigir a la persona que envíe un formulario a otra página o para mostrar un mensaje de agradecimiento en la misma página.
  • Anlia tus opciones de notificación de formulario predeterminadas de la configuración de HubSpot y envía correos electrónicos de notificaciones a direcciones de correo electrónico específicas cuando un visitante envíe el formulario.
  • Envía correos electrónicos de seguimiento a los visitantes que envíen el formulario.
  • Agrega a visitantes que envíen el formulario a la Campaña de Salesforce. (requiere HubSpot Profesional o HubSpot Enterprise (para empresas) y una integración existente dentro de Salesforce.)
Opciones de formulario del módulo

Búsqueda de Google

Puedes usar el Módulo de contenido de búsqueda de Google para agregar un sitio de búsqueda de Google a tu contenido. Esta búsqueda redirige a una página de resultados de búsqueda de Google. Si quieres que los resultados de búsqueda se cargen dentro de tu sitio, necesitarías configurar un Motor de búsqueda personalizado de Google o un Motor de búsqueda de Swiftype y usar su código incrustrado dentro de un Módulo personalizado de HTML.

Búsqueda de Google

Encabezado

Puedes usar un Módulo de encabezado para mostrar una línea de texto en la etiqueta del encabezado de HTML. Puedes elegir cuál etiquieta de encabezado (h-14) se presentará al editar las opciones de edición para ese módulo.

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

Espaciador horizontal

Puedes agregar un Módulo de contenido de espaciador horizontal a tus plantillas para agregar un espacio en blanco que personalice el diselo de tus módulos de contenido. Este módulo crea una etiqueta de división vacía que puede usarse para ayudar a espaciar los elementos en una página.

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

Plantilla HubL

Los Módulos de plantilla HubL son módulos codificados que son compatibles con las especificaciones de lenguaje de HubSpot además de los de HTML, CSS y Javascript. El caso más común de uso para estos módulos es si necesitas crear otros módulos editables usando HubL en un diseño de plantilla.

A diferencia de los módulos HTML personalizados, estos módulos no se pueden editar en el editor de contenidos. Los módulos de plantilla HubL no pueden hacerse globales, pero en su lugar se puede usar un HTML personalizado o   módulos personalizados .

Para aprender más acerca de HubL, consulta nuestra documentación de referencia de HubL.

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

Imagen

Los módulos de Imagen te permiten agregar cualquier imagen a una página o correo electrónico en un lugar determinado. Puedes seleccionar imágenes que ya hayas subido a tu Administrador de archivos o subir una imagen nueva al agregar contenido predeterminado o trabajar en el editor de contenido. Esto es útil si estás dando formato o diseño una imagen de manera específica para tu plantilla y quieres poder intercambiar la imagen sin cambiar ese formato.

También puedes personalizar:

  • URL a la que serán dirigidos cuando hagan clic en la imagen
  • El texto ALT de la imagen
  • Alto y ancho de la imagen
Módulo de imagen

Control deslizante de imagen

Los módulos del control deslizante de imagen te permiten crear galerías de imágenes giratorias que tus usuarios internos pueden actualizar fácilmente.

Puedes personalizar lo siguiente:

  • Si el control deslizante avanza automáticamente y qué tan rápido lo hace
  • Si el control deslizante hace un ciclo
  • Si el control deslizante muestra la paginación
  • Si el control deslizante conserva el tamaño de la imagen más alta o se ajusta al tamaño de cada imagen
  • Si deseas incluir una leyenda al pie a cada imagen
  • Si la leyenda se ve superpuesta o debajo de la imagen

Mientras los controles deslizantes de imagen pueden ayudar a que una página se vea muy bien, generalmente tienen una menor tasa de clics que las CTA estáticas, porque la imagen da vueltas.

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

Módulo de logotipo

El Módulo de logotipo carga el logotipo de tu empresa que se configuró en Configuración de contenido > Publicación de página > Logotipo

Módulo de logotipo

Cuerpo del correo electrónico principal

El Módulo de cuerpo de correo electrónico principal es un módulo estándar de texto enriquecido que se incluye por defecto en cada plantilla de correo electrónico.  Especifica el área principal de texto enriquecido para que la usen tus profesionales del marketing cuando redacten correos electrónicos.

Enviar el Cuerpo por correo electrónico

Información de la ubicación de la oficina

El módulo incluye varios códigos necesarios que se deben incluir en todas las plantillas de correo electrónico para enviar correos electrónicos comerciales legalmente. Si bien puedes editar el formato de esta sección, no podrás guardar una plantilla de correo electrónico sin un Módulo de información  de la ubicación de la oficina o las etiquetas HubL incluidas.  

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

Una línea de texto

El Módulo de una línea de texto permite a los creadores de contenido editar una sola línea de texto en su página o correo electrónico. Este módulo es útil para crear campos de texto simple, donde el usuario final no necesita tomar ninguna decisión de formato.

Una línea de texto

Pie de página

El Módulo de pie de página muestra información de derecho de autor con el año en curso y el nombre de tu empresa. El nombre de la empresa se extrae de la configuración de tu correo electrónico CAN-SPAM (Contenido > Configuración de contenido > Correo electrónico > Información de pie de página de correo electrónico). Si quieres personalizar o dar formato adicional, de la manera en la que aparece la información de derechos de autor en el pie de página de tu sitio, tal vez prefieras usar un módulo de texto enriquecido.

Pie de página

Solicitud de contraseña

Los Módulos de solicitud de contraseña están disponibles en las plantillas de solicitud de contraseñas del sistema.   Si una página está protegida con contraseña, la página de solicitud de contraseña aparecerá antes de que un usuario puede acceder a la página. Puedes personalizar el texto del botón de enviar y el texto para mostrar si la contraseña se introduce de forma incorrecta.

Puedes aprender más acerca de la creación plantillas de sistema aquí.

Filtro de posts

Puedes usar el módulo de contenido Filtro de posts para mostrar una lista de los artículos del blog de un tema, meso autor determinado.. Este módulo no está disponible en las plantillas de correo electrónico.

Puedes personalizar las siguientes configuraciones mediante la edición de lo predeterminado del módulo (Configuración > Opciones de edición):

  • Para cuál blog mostrar valores de filtro
  • Lista de valores para enlaces de filtros (temas, mes o autor)
  • Cómo ordenar los valores (conteo o nombre de post)
  • Título de lista a mostrar
  • Número máximo de posts de blog para mostrar
  • Texto de enlace para mostrar si hay más valores de posts que los que se permite mostrar
Filtro de posts

Listado de posts

Puedes usar el módulo de contenido Listado de posts para mostrar una lista de los artículos de blog más recientes o más populares de tu blog de HubSpot. Este módulo no está disponible en las plantillas de correo electrónico. 

Listado de posts
b

Información avanzada

Mientras que los módulos de listado de posts son excelentes para la creación de un simple listado de publicaciones populares o más recientes, puede crear listados más avanzados utilizando las funciones de HubL.

Funciones HubL se pueden utilizar para recuperar un número determinado de las últimas publicaciones, publicaciones sobre un tema determinado, publicaciones populares, o las publicaciones de un determinado autor. Aprende más.

Lee más

Puedes personalizar las siguientes configuraciones mediante la edición de lo predeterminado del módulo (Configuración > Opciones de edición):

  • Blog para el cual hay que mostrar títulos de posts
  • Enumerar blogs por más reciente o más popular
  • Título de lista a mostrar
  • Número máximo de posts de blog para mostrar

Texto enriquecido

El módulo de texto enriquecido es el módulo de contenido que más se usa entre las diversas herramientas de contenido de HubSpot. Es el que ofrece más opciones para editar tu contenido, tales como dar formato a texto, imágenes, enlances, CTA y más. Las cuentas profesionales y empresariales de HubSpot pueden usar módulos de texto enriquecido para agregar contenido inteligente a una página. Usa este módulo para crear áreas de contenido editable para tus profesionales del marketing.

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

Listado RSS

Puedes usar un módulo Lista RSS para mostrar resúmenes de posts para un blog de HubSpot o para últimas noticias RSS externas. Este módulo no está disponible en plantillas de correo electrónico (en su lugar, puedes usar un correo electrónico de RSS). Los módulos Lista RSS te proporcionan muchas opciones en términos de cómo mostrar tus listas RSS, incluyendo si te gustaría o no incluir las imágenes destacadas del post (solo para últimas noticias de RSS internas). Puedes activar esta opción con un clic en Configuración en un módulo Lista RSS y al seleccionar Incluir imagen destacada.

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

Encabezado de la sección

Puedes usar el módulo de Encabezado de sección para mostrar una etiqueta de encabezado h1 con el subtítulo de un párrafo. Este módulo es ideal para poner un título a la sección principal de una página.

Encabezado de la sección

Menú sencillo

Los módulos de menú sencillos permiten a los usuarios crear menús de páginas específicos en el editor de contenido. A diferencia de los menús avanzados, en los que el árbol del menú se administra con la herramienta de Menús avanzados, los menús sencillos se administran desde cada  página a la que se agregan.

Menú sencillo

Redes sociales

Puedes utilizar el módulo de Redes sociales para que tus visitantes puedan compartir tu contenido fácilmente a través de los canales de redes sociales y por correo electrónico. Agregar el módulo Redes sociales es una buena forma de animar a tus visitantes a que compartan tu contenido, y puede ayudar a generar tráfico directo desde sitios de redes sociales.

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

Preferencias de suscripción

Los módulos de Preferencias de suscripción son módulos especiales que solo están disponibles en las plantillas de sistema de preferencias de suscripción. Estos módulos te permiten personalizar la página que ve el destinatario de un correo electrónico, cuando gestiona sus preferencias de suscripción o cancela su suscripción a tus comunicaciones por correo electrónico.

Puedes aprender más acerca de la creación plantillas de sistema aquí.

Preferencias de suscripción

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

Este es un módulo de texto enriquecido que está disponible en las plantillas de confirmación de sistema de Suscripción a actualizaciones  que te permite personalizar lo que se muestra cuando un destinatario de correo electrónico actualiza su configuración de suscripción.

Puedes aprender más acerca de la creación plantillas de sistema aquí.

Actualizaciones de la suscripción

Ver como página web

La Vista de Página web le da a los destinatarios de correo electrónico la opción de abrir la versión de página web de un correo electrónico. Clientes de correo electrónico diferentes pueden ver los correos electrónicos HTML de manera muy distinta, así que incluir esta opción en una plantilla de correo electrónico garantiza que tus usuarios verán siempre el correo electrónico como se pensó para ellos al abrir la versión del navegador.

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

Artículo anterior:

Certificación Inbound Marketing

Artículo siguiente: