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

# Redirigir usuarios para descargar tu app desde la tienda de apps

> Agrega una redirección a la tienda de apps según el dispositivo en una página de aterrizaje de Kajabi.

Crea una **página de aterrizaje** que detecte automáticamente el dispositivo del visitante y lo redirija a la tienda de apps correspondiente. Esto garantiza que los usuarios de iOS vayan a la Apple App Store, los usuarios de Android vayan a Google Play, y los usuarios de escritorio sean dirigidos a una página alternativa.

## Crear una página de aterrizaje

1. Inicia sesión en el Dashboard de Kajabi.
2. Ve a **Website**.
3. Luego, **Landing Pages**.
4. Haz clic en **New Landing Page**:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/80d65d96_32882965493659.png" alt="Kajabi_-__admin_sites_135263_landing_pages.png" />

5. Selecciona una plantilla (una plantilla simple/en blanco funciona mejor para páginas de redirección).
6. Nombra la página y haz clic en **Create**.

## Diseñar la página de aterrizaje

Consejos para diseñar la página de aterrizaje:

1. Mantén el diseño minimalista, ya que los usuarios serán redirigidos rápidamente.
2. Agrega un título simple (por ejemplo, "Bienvenido")
3. Agrega un mensaje corto (por ejemplo, "Preparando la redirección al destino correspondiente...")

[Aprende más sobre cómo crear páginas](../../website/pages/pages-explained).

## Agregar el código de redirección

Después de diseñar la página de aterrizaje, deberás agregar el código de redirección:

1. Haz clic en la pestaña **Settings** en el editor lateral.
2. Selecciona **Custom Code**:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/2143ec10_32882965502107.png" alt="Kajabi_-__admin_themes_2155770095_settings_edit.png" />

3. Ubica la sección **Custom Javascript**:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/3852113d_32883030723739.png" alt="Kajabi_-__admin_themes_2155770095_settings_edit.png" />

4. Copia y pega el siguiente bloque de código y reemplaza las URL con las tuyas:

```javascript theme={null}
// Wait for the page to load
document.addEventListener('DOMContentLoaded', function() {
    // Detect device
    const userAgent = navigator.userAgent || navigator.vendor || window.opera;
    
    // Set up the redirects
    if (/iPhone|iPad|iPod/i.test(userAgent) && !window.MSStream) {
        // iOS device
        window.location.href = "https://apps.apple.com/gb/app/kajabi-branded-app/id6502643192";
    } else if (/android/i.test(userAgent)) {
        // Android device
        window.location.href = "https://play.google.com/store/apps/details?id=com.kj2148083404.app&hl=en_US";
    } else {
        // Desktop or other devices
        window.location.href = "https://kajabi.com/features/branded-app";
    }
});
```

<Note>
  **Nota:**
  El código de ejemplo anterior está integrado en esta página de aterrizaje y funciona; puedes verlo [aquí](https://kajabibrandedapp.mykajabi.com/redirect-5979a06e-1d76-42e8-ba7c-ad16d826d3e5).
</Note>

## Guardar y publicar

1. Haz clic en **Save** para guardar y aplicar los cambios.
2. Haz clic en **Publish** para poner la página en producción.

Ahora, este enlace de página de aterrizaje se puede usar detrás de un llamado a la acción como "Descargar mi app" y redirigirá a la tienda de apps correspondiente para la descarga.
