> ## 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.

# Crea y publica tu primera landing page

> Pon en marcha tu primera landing page de LanderLab en minutos. Crea la página, añade un formulario de captura, conecta tu CRM, publica en tu dominio y comprueba que el seguimiento funciona.

Esta guía te lleva desde un espacio de trabajo vacío hasta una landing page en vivo que recoge leads reales. Debería llevarte unos diez minutos.

<Note>
  Todo lo que verás aquí funciona con una cuenta gratuita. Solo necesitas un plan de pago para publicar en tu propio dominio personalizado.
</Note>

## Paso 1: Crea la página

Tienes cinco formas de empezar una landing page en LanderLab. Elige la que mejor encaje con lo que ya tienes.

<Columns cols={2}>
  <Column>
    <Card title="Generar con IA" icon="sparkles" href="/es/features/landing-pages/create/with-ai">
      Describe tu producto, tu audiencia y tu objetivo. Es la opción más rápida y la mejor para tu primera página.
    </Card>
  </Column>

  <Column>
    <Card title="Empezar desde una plantilla" icon="table-columns" href="/es/features/landing-pages/create/from-template">
      Elige un diseño probado por vertical y cambia los textos y las imágenes por los tuyos.
    </Card>
  </Column>
</Columns>

También puedes [importar una página existente desde una URL](/es/features/landing-pages/create/import-from-url), [subir un archivo ZIP](/es/features/landing-pages/create/with-zip) o [empezar desde un lienzo en blanco](/es/features/landing-pages/create/from-scratch).

<Tip>
  ¿Vas a crear un quiz o un formulario de varios pasos en lugar de una sola página? Ve a la [guía de embudos de quiz](/features/quizzes/get-started). El resto de los pasos siguen siendo los mismos.
</Tip>

## Paso 2: Edita el contenido

La página se abre en el editor visual. Haz clic en cualquier elemento para seleccionarlo y usa el panel derecho para modificarlo.

<Steps>
  <Step title="Reemplaza los textos">
    Haz clic en un título o párrafo y escribe encima. Consulta [títulos y texto](/features/editor/elements/headings-text) para ver las opciones de formato.
  </Step>

  <Step title="Cambia las imágenes">
    Selecciona una imagen y sube la tuya o elige una de la biblioteca integrada. Más detalles en [añadir y personalizar imágenes](/features/editor/elements/image).
  </Step>

  <Step title="Define los colores y fuentes de tu marca">
    En lugar de dar estilo a cada elemento, defínelos una sola vez en [colores del tema](/features/editor/theme/colors) y [fuentes globales](/features/editor/theme/fonts). Todos los elementos se actualizan automáticamente.
  </Step>

  <Step title="Revisa la versión móvil">
    Cambia a la vista móvil en la barra de herramientas y ajusta lo que se vea apretado con los ajustes de [visibilidad](/features/editor/styles/visibility) y [espaciado](/features/editor/styles/spacing).
  </Step>
</Steps>

<Tip>
  ¿Necesitas cambiar el mismo texto o enlace en veinte sitios? Usa [reemplazar texto](/features/editor/quick-actions/replace-text) y [reemplazar enlaces](/features/editor/quick-actions/replace-links) en lugar de editarlos uno por uno.
</Tip>

## Paso 3: Añade un formulario de captura

Una landing page sin un punto de captura no puede generar leads. Añade un [elemento de newsletter o formulario](/features/editor/elements/newsletter) y decide qué ocurre después del envío en los [ajustes generales de la página](/es/features/landing-pages/settings/general): redirigir a una página de agradecimiento, a la URL de una oferta o mostrar un mensaje de éxito.

Si recoges datos sensibles o regulados, activa la [validación](/features/quizzes/validation/general) para que los emails y teléfonos incorrectos nunca entren en tu base de datos.

## Paso 4: Conecta el destino de tus leads

Los leads siempre se guardan en LanderLab, pero la mayoría de los equipos también los envían a otro lugar al mismo tiempo.

<Columns cols={2}>
  <Column>
    <Card title="Enviar a tu CRM" icon="address-book" href="/integrations/crm/klaviyo">
      Klaviyo, HubSpot, ActiveCampaign, Mailchimp, GoHighLevel y más.
    </Card>
  </Column>

  <Column>
    <Card title="Enviar a un comprador o API" icon="share-nodes" href="/integrations/lead-distribution/webhook">
      Webhook, Google Sheets, LeadsPedia, LeadProsper, Phonexa, LeadByte.
    </Card>
  </Column>
</Columns>

Añade la integración desde el panel **Add Integration** de tu landing page, asigna los campos del formulario y conéctala a la página.

## Paso 5: Añade el seguimiento

Instala el píxel de tu plataforma de anuncios para que la fuente de tráfico pueda atribuir y optimizar según las conversiones. LanderLab inserta el script por ti, así que solo tienes que pegar un ID.

* [Meta Pixel](/integrations/pixels/meta-pixel) y [Meta Conversions API](/integrations/pixels/meta-capi)
* [TikTok](/integrations/pixels/tik-tok), [Snapchat](/integrations/pixels/snapchat), [Taboola](/integrations/pixels/taboola), [NewsBreak](/integrations/pixels/news-break)
* [Google Analytics](/integrations/analytics/google-analytics)

Después configura el [seguimiento de conversiones](/features/analytics/conversions-tracking) para que LanderLab informe sobre las mismas acciones que tu plataforma de anuncios.

## Paso 6: Publica

<Steps>
  <Step title="Conecta un dominio">
    Usa la [integración con Cloudflare](/features/domain/cloudflare/connect-domain) para configurar el DNS automáticamente, o [conéctalo manualmente](/features/domain/manual-connection) añadiendo tú mismo los registros CNAME y TXT.
  </Step>

  <Step title="Completa los ajustes de SEO">
    Añade un título de página, una meta descripción y un favicon en los [ajustes de SEO](/es/features/landing-pages/settings/seo).
  </Step>

  <Step title="Publica">
    Haz clic en **Publish**, elige tu dominio y ruta, y la página estará en vivo. Todos los detalles en [publicar una landing page](/es/features/landing-pages/operations/publish).
  </Step>
</Steps>

<Warning>
  Cada cambio que hagas después de publicar necesita [volver a publicarse](/es/features/landing-pages/operations/republish) para llegar a la página en vivo. Esto incluye nuevas integraciones y píxeles.
</Warning>

## Qué hacer después

<Columns cols={2}>
  <Column>
    <Card title="Prueba una segunda versión" icon="flask" href="/features/analytics/ab-testing">
      Duplica la página en una variante, divide el tráfico y deja que los datos elijan la ganadora.
    </Card>
  </Column>

  <Column>
    <Card title="Sigue tus resultados" icon="chart-line" href="/features/analytics/landing-page">
      Visitas, clics, leads y tasa de conversión por país, dispositivo y fuente.
    </Card>
  </Column>
</Columns>