Create a Landing Page that automatically detects the visitor's device and redirects them to the appropriate app store. This ensures iOS users go to the Apple App Store, Android users go to Google Play, and desktop users are directed to a fallback page.
Create a Landing Page
Log into the Kajabi Dashboard.
Navigate to Website.
Then, Landing Pages.
Click New Landing Page:
Select a template (a simple/blank template works best for redirect pages).
Name the page and click Create.
Design the Landing Page
Tips for designing the Landing Page:
Keep the design minimal since users will be redirected quickly.
Add a simple heading (e.g., "Welcome")
Add a short message (e.g., "Preparing to redirect you to the appropriate destination...")
Add the redirect code
After designing the Landing Page, you will need to add the redirect code:
Click the Settings tab in the sidebar editor.
Select Custom Code:
Locate the Custom Javascript section:
Copy and paste the following code block and replace the URLs with your own:
// 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"; }});
Note: The example code above is built into this landing page and has the working code above, check it out here.
Save and publish
Click Save to keep and apply the changes.
Click Publish to make the page live.
Now, this Landing Page link could be used behind a call to action like "Download my app" and it will redirect to the appropriate app store for app downloads.