> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Cómo crear un bloque global en LanderLab

> Aprende a crear un bloque global en LanderLab con IA o desde cero, ajustarlo en el editor y guardarlo y publicarlo para reutilizarlo en todas tus landing pages.

Los bloques globales te permiten crear un bloque una vez, como una barra de navegación, un pie de página o un CTA, y reutilizarlo en todas tus landing pages. Puedes generarlo con IA, elegir una plantilla predefinida o empezar desde cero, y después seguir ajustándolo hasta que esté listo para colocarlo donde quieras. Esta guía te explica cómo crear un bloque global y cómo actualizarlo más adelante.

<Note>
  Los bloques globales siguen conectados entre páginas. Cuando actualizas un bloque global, el cambio se aplica a todas las páginas en las que aparece. Si necesitas una versión puntual para una sola página, usa un componente guardado normal.
</Note>

## Cómo crear un bloque global

<Steps>
  <Step title="Abre Global Blocks">
    En la barra lateral izquierda, dentro de **Assets**, haz clic en **Global Blocks** y después en **Add Global Block**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/TeyWxPlOrCgUWX7L/images/add-global-block.png?fit=max&auto=format&n=TeyWxPlOrCgUWX7L&q=85&s=cc611a15f80ff4309929731347ab4175" alt="La sección Global Blocks dentro de Assets en la barra lateral de LanderLab, con el botón Add Global Block" width="1568" height="782" data-path="images/add-global-block.png" />
    </Frame>
  </Step>

  <Step title="Créalo con IA o desde cero">
    Llegarás a la pantalla **Create a global block**. Desde aquí puedes:

    * **Describirlo y dejar que la IA lo cree.** Escribe lo que quieres en el cuadro de texto, por ejemplo, una barra de navegación fija con logotipo, enlaces y un botón de CTA.
    * **Elegir una plantilla predefinida.** Elige un punto de partida como **Navbar**, **Footer**, **Testimonials**, **FAQ section** o **CTA banner**.
    * **Create From Scratch.** Haz clic en **Create From Scratch** para crear el bloque tú mismo en el editor.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/yb7OnbTdDbwgQzsT/images/image-36.png?fit=max&auto=format&n=yb7OnbTdDbwgQzsT&q=85&s=727ce2213e581b432d46318f122517d7" alt="La pantalla Create a global block, con un cuadro de texto para la IA y plantillas de navbar, footer, testimonios, FAQ y banner de CTA" width="277" height="415" data-path="images/image-36.png" />
    </Frame>
  </Step>

  <Step title="Ajusta tu bloque">
    Cuando se haya generado el bloque, sigue mejorándolo con el **AI Assistant** o edítalo a mano en el editor, igual que harías en una página normal. Ajusta los textos, los enlaces, las imágenes y el estilo hasta que tenga el aspecto que quieres.
  </Step>

  <Step title="Guarda y publica">
    Cuando estés satisfecho, haz clic en **Save & Publish**. Tu bloque global ya está listo para añadirlo a cualquier landing page.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/yb7OnbTdDbwgQzsT/images/save-and-publish-global-block.png?fit=max&auto=format&n=yb7OnbTdDbwgQzsT&q=85&s=cb0395235d8ce9a2079c8c3ed163afbe" alt="El botón Save & Publish en el editor de bloques globales" width="1922" height="959" data-path="images/save-and-publish-global-block.png" />
    </Frame>
  </Step>
</Steps>

<Tip>
  En campañas de afiliación y de tráfico de pago, pon el enlace de tu oferta dentro de un bloque global. Así, cambiar de oferta más adelante es un cambio de un solo clic en todas las páginas en lugar de una edición manual en cada lander.
</Tip>

## Cómo actualizar un bloque global

Actualizarlo funciona igual que crearlo. Abre el bloque global en el editor, haz tus cambios a mano o con el **AI Assistant** y haz clic en **Save & Publish**. La actualización se aplica automáticamente a todas las páginas que usan el bloque, así que nunca tienes que editar las páginas una por una.

<Warning>
  Editar un bloque global lo cambia en todas las páginas donde aparece. Si necesitas una versión distinta solo en una página, usa un componente guardado normal para que el cambio se quede solo en esa página.
</Warning>
