Become a HubSpot power user — join us for HubSpot Training Day 2017.

Cómo usar los módulos de contenido

Última actualización: December 29, 2016

Cada página web y correo electrónico que crees en HubSpot utilizarán módulos de contenido para almacenar y mostrar tu contenido. El tipo de módulo de contenido que utilices variará dependiendo de qué tipo de contenido desees crear, almacenar y mostrar.

Columna flexible

Puedes usar una Flexible Column (Columna Flexible) en tu plantilla para agregar módulos adicionales a una columna en tu plantilla desde el editor de contenido, en lugar del diseñador de plantillas.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Texto enriquecido

El módulo de texto enriquecido es el módulo de contenido más común usado en las herramientas de contenido HubSpot. El módulo ofrece la mayor cantidad de opciones de edición para tu contenido, como por ejemplo, el formato básico de palabras, estilos de párrafo, imágenes y enlaces.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Edit Menu (Editar menú)

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Esto es lo que encontrarás en el menú Edit (Editar) en un módulo de texto enriquecido:

  • Deshacer: deshace el cambio más reciente en tu contenido.
  • Rehacer: rehace el cambio más reciente en tu contenido que acabas de deshacer.
  • Cortar: corta el contenido que has seleccionado del módulo y lo guarda en el portapapeles.
  • Copiar: copia el contenido que has seleccionado en tu portapapeles.
  • Pegar: p ega el contenido que has guardado en tu portapapeles en el módulo de contenido.
  • Seleccionar todo: s elecciona todo el contenido en el módulo.
  • Buscar y reemplazar: b usca en el módulo de contenido una palabra o frase específica y sustituye esa palabra o frase con palabras o frases diferentes.

Insert Menu (Insertar menú)

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Esto es lo que encontrarás en el menú Insert (Insertar) en un módulo de contenido con texto enriquecido:

  • Insertar un código de personalización (Profesional y empresarial): i nserta en tu contenido un código de personalización de propiedad de contacto que cambiará automáticamente según el valor de propiedad de contacto de los visitantes.
  • Insertar video: i nserta un video en tu contenido utilizando la URL de video o el código incrustado para el video.
  • Insertar un enlace de documento: inserta un enlace a un archivo que hayas cargado en tu herramienta de HubSpot File Manager (Administrador de archivos HubSpot) en tu contenido
  • Insertar imagen: inserta una imagen en tu contenido.
  • Inserta Call-to-Action (Llamado a la acción): i nserta un botón Call-to-Action (Llamado a la acción) que está integrado en la herramienta HubSpot Call-to-Action en tu contenido.
  • Link (Enlace): inserta un enlace a otra página en tu contenido.
  • Medios:  inserta un video en tu contenido usando la URL del video o incrustar código para el video.
  • Carácter especial: inserta un carácter especial HTML en tu contenido.
  • Línea horizontal: inserta un salto de línea horizontal en tu contenido para fragmentar trozos de contenido en el mismo módulo.
  • Delimitador: in serta una etiqueta delimitadora o de anclaje en tu contenido de forma que puedas hacer un enlace a una parte específica de tu contenido.
  • Espacio de no separación: inserta un espacio de no separación en tu contenido de forma que pueda ajustar el espaciado.

View Menu (Menú Vista)

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Esto es lo que encontrarás en el menú View (Ver) en un módulo de contenido con texto enriquecido:

  • Mostrar bloques - muestra líneas punteadas y el tipo de formateo alrededor de un bloque de contenido en el editor Rich Text (Texto Enriquecido).
  • Ayudas visuales: m uestra símbolos situados al lado de los tipos de contenido personalizados, tales como anclajes o delimitadores que no aparecen en el contenido publicado o enviado.

Style Menu (Menú Estilo)

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Esto es lo que encontrarás en el menú Style (Estilo) en un módulo de contenido con texto enriquecido:

  • Formatos: permiten que realices cambios al formato del contenido seleccionado.
  • Fuente: permite que realices cambios a la fuente de contenido seleccionado,
  • Tamaño del texto: permite que realices cambios en el tamaño de la fuente del contenido seleccionado.
  • Altura de línea: permite que realices cambios en la altura de línea del contenido seleccionado.
  • Borrar el formato: elimina todo el estilo y formato del contenido seleccionado.

Table Menu (Menú tabla)

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Esto es lo que encontrarás en el menú Table (Tabla) en un módulo de contenido con texto enriquecido:

  • Insertar tabla: inserta una tabla HTML en el módulo de contenido usando un editor interactivo. Las tablas son útiles para organizar las listas o mostrar calendarios.

  • Celdas: puedes usar el submenú celda para ajustar las propiedades de una celda, combinar varias celdas en una sola, o dividir una celda en otras varias.

  • Fila: puedes usar el submenú fila para ajustar las propiedades de una fila, insertar una nueva fila antes de la fila seleccionada, insertar una nueva fila después de la fila seleccionada, borrar la fila seleccionada, cortar la fila seleccionada de la tabla y guardarla en tu portapapeles, copiar la fila seleccionada y guardarla en tu portapapeles, pegar una fila que esté guardada en el portapapeles antes de la fila seleccionada, o pegar una fila que esté guardada en tu portapapeles después de la fila seleccionada.

  • Columna: puedes usar el submenú columna para insertar una nueva columna antes de la columna seleccionada, insertar una nueva columna después de la columna seleccionada, o para eliminar la columna seleccionada.

Tools Menu (Menú Herramientas)

Esto es lo que encontrarás en el menú Tools (Herramientas) en un módulo de contenido con texto enriquecido:

Código fuente: puedes usar la herramienta Source Code (Código fuente) para editar directamente el HTML del contenido en tu módulo de texto enriquecido. Esto te da el control total sobre el código que está detrás del contenido de tu módulo.

Revisión ortográfica: puedes usar la herramienta de Spellcheck (Revisión ortográfica para verificar la ortografía de todo el texto en tu módulo de texto enriquecido en los siguientes idiomas: holandés, inglés (australiano, canadiense, británico, neocelandés, estadounidense y sudafricano), esperanto, francés, gallego, islandés, italiano, jemer, malayo, polaco, portugués (Portugal y Brasil), rumano, ruso, eslovaco, esloveno, español, sueco, tagalo, o ucraniano.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Formulario

El módulo de contenido de Form (Formulario) es el segundo módulo más común usado en las herramientas de contenido de HubSpot. Se usa para captar información de contacto de los visitantes de tu sitio web. Está disponible como un módulo que puede agregarse al contenido y las plantillas creadas con las páginas de destino, las páginas del sitio y las páginas de blog.

Usa el módulo de contenido Form (Formulario) para:

  • Dale a tu formulario un título en la página.
  • Elige qué formulario de HubSpot aparecerá y en qué página.
  • Elige si deseas redireccionar a una persona que envía el formulario a otra página o mostrar un mensaje de agradecimiento en la misma página.
  • Anula tus opciones de notificación del envío del formulario predeterminado en la configuración de HubSpot y envía correos electrónicos de notificación a direcciones de correos electrónicas específicas, cuando un visitante envíe el formulario.
  • Envía correos electrónicos de seguimiento a los visitantes que remitan el formulario.
  • Agrega a los visitantes que envíen el formulario a una Campaña de Salesforce. (Requiere el HubSpot Professional o Enterprise y una integración existente en Salesforce).
Captura de pantalla del artículo Help (Ayuda) de HubSpot

Custom HTML (HTML personalizado)

Puedes usar un módulo de contenido Custom HTML (HTML personalizado)si deseas tener un control total sobre el código HTML que se halla detrás del contenido en tu módulo cuando edites una página.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Call-to-Action (Llamado a la acción)

Puedes insertar ya sea un call-to-action (llamado a la acción) en un módulo con contenido de texto enriquecido o utilizar un módulo de llamado a la acción, cuando quieras incluir uno en tu contenido. Deberías utilizar el módulo de contenido llamado a la acción, si quieres poder editar el llamado a la acción, sin interferir con el formato de un módulo de contenido de texto enriquecido.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

One Line of Text (Una línea de texto)

Puedes utilizar un módulo de contenido One Line of Text (Una línea de texto) si tienes una sección de texto con formato que presenta un estilo específico en tu plantilla y solo deseas permitir la edición del texto.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Header (Encabezado)

Puedes utilizar un módulo de contenido Encabezado para mostrar una línea de texto en un encabezado con un tamaño de fuente mayor.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Section Header (Encabezado de sección)

Puedes utilizar el módulo de contenido Section Header (Encabezado de sección)para mostrar un encabezado muy grande y centrado que indique toda una sección de contenido en tu plantilla.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Image (Imagen)

Puedes usar el módulo de contenido Imagen para mostrar una imagen en tu plantilla en un lugar específico. Esto resulta útil si estás dando formato o diseñando una imagen de una manera específica en tu plantilla, y quieres estar en capacidad de editar la imagen sin cambiar ese formato.

También puedes cambiar:

  • La URL a la que serán llevadas las personas cuando hagan clic en la imagen
  • El texto ALT de la imagen
  • La altura y anchura de la imagen
Captura de pantalla del artículo Help (Ayuda) de HubSpot

Image Slider (Control deslizante de imagen)

Puedes usar el módulo de contenido Image Slider (Control deslizante de imagen) para agregar una galería de imágenes deslizantes en tu plantilla.

Puedes personalizar:

  • Si el control deslizante avanza automáticamente y la rapidez con la que avanza automáticamente, si 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 para cada imagen
  • Si se muestra la leyenda debajo de la imagen o se encuentra superpuesta en la parte superior de las imágenes
Captura de pantalla del artículo Help (Ayuda) de HubSpot

Logotipo

Puedes usar el módulo de contenido Logotipo para cambiar el logotipo de la compañía que se utiliza en tu contenido.

También puedes cambiar:

  • La URL a la que será llevada la gente cuando haga clic en el logotipo
  • El texto ALT del logotipo
  • La altura y anchura del logotipo
Captura de pantalla del artículo Help (Ayuda) de HubSpot

Page Footer (Pie de página)

En el módulo de contenido Page Footer (Pie de página) se muestra el símbolo de derechos de autor (copyright) al lado del año calendario en curso y el nombre de tu compañía como aparece en la Content Settings (Configuración de contenido).

Social Sharing (Redes sociales)

Puedes utilizar el módulo de contenido Social Sharing (Redes sociales)para permitir que los visitantes compartan fácilmente el contenido de tu pagina en los canales de medios sociales y correo electrónico.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Follow Me (Sígueme)

Puedes usar el módulo de contenido Follow Me (Sígueme) para ayudar a que las personas que visitan tu página entren en contacto con tu compañía en las redes sociales.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Post Listing (Listado de publicaciones)

Puedes utilizar el módulo de contenido Post Listing (Listado de publicaciones) para mostrar una lista de los artículos del blog más recientes o más populares de tu blog HubSpot.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Post Filter (Filtro de publicación)

Puedes utilizar el módulo de contenido Post Filter (Filtro de publicaciones) para mostrar una lista de los artículos del blog de un tema, mes o autor específicos.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Blog Email Subscription (Suscripción al blog por correo electrónico)

Puedes utilizar el módulo Blog Email Subscription (Suscripción al blog por correo electrónico),  para permitir que los visitantes se suscriban a tus correos electrónicos de resumen de blogs al llenar un formulario.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Google Search (Búsqueda de Google)

Puedes utilizar el módulo de contenido Google Search (Búsqueda de Google),  para agregar una búsqueda en el sitio Google a tu contenido.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Horizontal Spacer (Espaciador horizontal)

Puedes agregar un módulo de contenido Horizontal Spacer (Espaciador horizontal) a tus plantillas, para agregar un espacio en blanco que personaliza el diseño de tus módulos de contenido.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

RSS Listing (Lista RSS)

Puedes agregar un módulo RSS Listing [Lista RSS (Lector de contenido)] a una página, para mostrar publicaciones recientes del blog de un blog alojado por HubSpot, o incluso un blog alojado externamente.

Captura de pantalla del artículo Help (Ayuda) de HubSpot

Artículo anterior:

Certificación Inbound Marketing

Artículo siguiente: