¿Cómo puedo usar contenido global en varias plantillas?

El contenido global permite reutilizar una sección de contenido, como un encabezado o un pie de página, en varias páginas. Cuando se actualiza el contenido global, los cambios se aplican en todos los lugares en los que se utiliza ese módulo o grupo global. 

Los contenidos globales pueden crearse y editarse en el administrador de diseño y editarse desde el editor de contenidos. 

Antes de empezar

Antes de utilizar contenido global en varias plantillas, revise los siguientes requisitos y limitaciones.

Comprender las limitaciones y consideraciones

• Las columnas flexibles, las áreas de arrastrar y soltar y los módulos codificados no pueden utilizarse en grupos globales.
• Los cambios en el contenido global se aplican a todas las plantillas y activos que hacen referencia al mismo módulo o grupo global. 
• Las plantillas de arrastrar y soltar y las plantillas codificadas utilizan métodos diferentes para el contenido global.

Crear contenido global en el administrador de diseño

Los contenidos globales pueden crearse como un módulo nuevo o convertirse a partir de módulos o grupos existentes.

Crear un módulo global

1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño..
2. En el buscador, haga clic en el menú desplegable Archivo y seleccione Nuevo archivo.
3. En el cuadro de diálogo, haga clic en el menú desplegable ¿Qué desea construir hoy? y seleccione Módulo; a continuación, haga clic en Siguiente.
4. En la sección ¿Dónde desea utilizar este módulo? , seleccione la casilla de verificación situada junto a cada tipo de contenido que vaya a utilizar este módulo global. Los módulos globales utilizados para los correos electrónicos no pueden incluir CSS ni Javascript.
5. En la sección Alcance del contenido del módulo , seleccione Módulo global.
6. Introduzca un nombre de archivo y haga clic en Crear.
7. En el editor de módulos, siga editando el módulo.

Convertir un módulo o grupo local existente

1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño..
2. En el buscador, haga clic en una plantilla para editar su contenido.
3. Si estás creando un grupo global, puedes editar las opciones de múltiples módulos. Pulse la tecla Control / Comando, haga clic en los módulos que desee agrupar y, a continuación, en el icono groupModule en el inspector.
4. Haga clic en el módulo o grupo de módulos para seleccionarlo en el editor de diseño.
5. En el inspector, haga clic en el menú desplegable Más y seleccione Convertir en módulo/grupo global.

Añadir un módulo o grupo global a una plantilla de arrastrar y soltar

1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño..
2. En el buscador, haga clic en una plantilla de arrastrar y soltar para editar su contenido.
3. En el inspector, haga clic en + Añadir.
4. Introducir texto en el campo Buscar o hacer clic en el menú desplegable Filtrar por categoría o etiquetas para encontrar su módulo/grupo global.
5. Haga clic en su módulo/grupo global y arrástrelo al diseño de la plantilla.
6. Cuando termines, haz clic en Publicar en la parte superior derecha.

Utilizar contenido global en plantillas codificadas

Las plantillas codificadas no incluyen la opción Convertir en módulo/grupo global . En su lugar, los módulos globales deben crearse y referenciarse manualmente.

1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño..
2. En el buscador, haz clic en el menú desplegable Archivo y selecciona Nuevo archivo.
3. En el cuadro de diálogo, haga clic en el menú desplegable ¿Qué desea construir hoy? y seleccione Módulo; a continuación, haga clic en Siguiente.
4. En la sección Alcance del contenido del módulo, seleccione Módulo global.
5. Introduzca un nombre de archivo y haga clic en Crear.
6. Cree los campos obligatorios para que coincidan con el módulo original. 
7. Copie el fragmento HubL del módulo. 
8. Pegue el fragmento de HubL en su plantilla codificada para hacer referencia al módulo global.
9. Cuando termines, haz clic en Publicar en la parte superior derecha.

Nota: como alternativa, los desarrolladores pueden duplicar el módulo y establecer "global": true en el archivo meta.json del módulo duplicado a través de la CLI antes de actualizar las plantillas para utilizarlo. Más información en la documentación para desarrolladores.

Editar contenido global en el editor de contenido

El contenido global puede editarse directamente desde las páginas o entradas en el editor de contenido. Las actualizaciones se aplican a todos los activos que utilizan el mismo módulo o grupo global.

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
   • Artículos de blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.
2. Haz clic en el nombre de tu contenido.
3. En el editor de contenidos, haga clic en el icono siteTreeIcon y, a continuación, haga clic en el icono globalGroupicono de contenido global para el módulo global.
4. En el cuadro de diálogo, haz clic en Abrir en el editor de contenido global.
5. En el editor de contenido global, haga clic en el icono siteTreeIcon y utilice las herramientas de arrastrar y soltar para editar los módulos del grupo global.
6. Si no ha añadido previamente un logotipo, puede añadirlo a su cabecera global en el módulo del logotipo. Obtenga más información sobre cómo configurar su branding. Para añadir un logotipo, haga clic en el módulo Logo y, a continuación, en ajustes de branding.
   • En el cuadro de diálogo, haga clic en Añadir.
   • Haga clic en Subir para subir una imagen desde su ordenador o haga clic en Examinar imágenes para seleccionar una imagen de la herramienta de archivos.
   • Introducir texto para dar un nombre al logotipo en el campo Nombre del logotipo.
   • Introducir texto para los campos Texto alt del logotipo y URL del logotipo.
   • Cuando hayas terminado, haz clic en Guardar. A continuación, haga clic en Publicar en [#] recursos.
7. Para editar un menú de navegación, haga clic en el módulo. En el editor de la barra lateral, haga clic en Editar para el menú. En el cuadro de diálogo, siga personalizando el menú de navegación.
8. Para obtener una vista previa del contenido global en las páginas o entradas existentes, haga clic en el menú desplegable Ver en situado en la parte superior izquierda y seleccione una página o entrada en la que se muestre el contenido global. Para ver el contenido global por sí mismo, selecciona en su lugar Sólo grupo.
9. Para crear una versión multilingüe del contenido global, haga clic en el menú desplegable Idioma de la parte superior izquierda y seleccione Añadir/editar variaciones multilingües. Más información sobre la creación de contenidos globales en varios idiomas.

10. Cuando hayas terminado, haz clic en Publicar en [#] recursos en la parte superior derecha. Estos cambios se aplicarán a todas las páginas y entradas que utilicen una plantilla que incluya el contenido global.

Editar contenido global en el administrador de diseño

Los desarrolladores pueden editar módulos globales o grupos en el administrador de diseño. Los cambios realizados en el contenido global se aplicarán a todos los contenidos que utilicen una plantilla que contenga el mismo contenido global.

1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño..
2. En el buscador, haga clic en una plantilla para editar su contenido.
3. Para editar el contenido de un módulo o grupo global sólo para una página, entrada de blog o correo electrónico específicos, puede hacer una copia local del contenido global para editarlo en el administrador de diseño.
4. Para editar un grupo global en el editor de diseño, haz clic en el grupo global de tu plantilla. A continuación, en el inspector, haz clic en el menú desplegable Más y selecciona Editar grupo global. 

5. Cuando haya terminado, haga clic en Publicar cambios.