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
Inicia sesión en el Dashboard de Kajabi.
Ve a Website.
Luego, Landing Pages.
Haz clic en New Landing Page:
Selecciona una plantilla (una plantilla simple/en blanco funciona mejor para páginas de redirección).
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:
Mantén el diseño minimalista, ya que los usuarios serán redirigidos rápidamente.
Agrega un título simple (por ejemplo, "Bienvenido")
Agrega un mensaje corto (por ejemplo, "Preparando la redirección al destino correspondiente...")
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:
Haz clic en la pestaña Settings en el editor lateral.
Selecciona Custom Code:
Ubica la sección Custom Javascript:
Copia y pega el siguiente bloque de código y reemplaza las URL con las tuyas:
// Wait for the page to loaddocument.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"; }});
Nota: El código de ejemplo anterior está integrado en esta página de aterrizaje y funciona; puedes verlo aquí.
Guardar y publicar
Haz clic en Save para guardar y aplicar los cambios.
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.