Plugin: mobile-smart-app-banner (Used by 42 domains)

Turn Mobile Website Traffic Into App Downloads With Professional Smart App Banners

Have you ever wondered how many of your mobile website visitors would download your app if they knew it existed? Mobile Smart App Banner solves this critical conversion challenge by displaying intelligent, conversion-optimized banners that turn casual mobile visitors into engaged app users.

Research shows that mobile app conversion rates average around 25% when users discover apps through optimized promotional strategies. This plugin bridges the gap between your mobile website traffic and app store downloads by presenting the right opportunity at the perfect moment.

🎯 Perfect for businesses with both web presence and mobile apps seeking to:
* Maximize app downloads from existing website traffic
* Bridge the conversion gap between website visits and app installations
* Increase user engagement through mobile app promotion
* Provide seamless user experience across web and mobile platforms

Key Features & Advantages

🚀 Intelligent Platform Detection
* Automatically detects iOS and Android devices
* Shows appropriate app store links (App Store for iOS, Google Play for Android)
* Smart browser detection for optimal user experience
* Works seamlessly across all mobile devices and screen sizes

📱 Dual Banner System for Maximum Compatibility
* Custom Smart App Banner: Works on all mobile browsers with full customization
* iOS Native Smart App Banner: Leverages Apple’s built-in system for Safari users
* Intelligent Fallback: Shows custom banner on non-Safari iOS browsers even when iOS Smart Banner is enabled

🎨 Complete Visual Customization
* Customizable colors (background, button, text, close button)
* Upload custom app icons directly from WordPress Media Library
* Adjustable font sizes for app name and subtitle
* Flexible banner positioning (top or bottom of screen)
* Real-time preview in admin dashboard

⚡ Performance & User Experience Optimized
* Lightweight code with minimal impact on site speed
* Mobile-exclusive display (zero disruption for desktop users)
* Smooth animations and professional appearance
* Easy dismissal with intelligent preference memory
* Cookie-based user preference system (7-day memory)

🔧 Developer & Marketer Friendly
* Zero-code setup and configuration
* Works automatically across your entire website
* No programming knowledge required
* SEO-friendly implementation
* Compatible with all WordPress themes

How iOS Smart App Banner Works

Understanding the Dual Approach:

1. iOS Native Smart App Banner (Safari Only)
When enabled, this feature adds Apple’s official apple-itunes-app meta tag to your website. This creates the native iOS Smart App Banner that appears automatically at the top of Safari on iOS devices.

Important: iOS Smart Banner Behavior
* Position: Always appears at the TOP of the page (controlled by iOS Safari, not customizable)
* Design: Uses Apple’s native design (cannot be customized)
* Display: Automatically managed by Safari (we cannot control when/how it appears)
* Dismissal: Users can dismiss it, and Safari remembers their preference

Benefits of iOS Native Smart App Banner:
* Seamless integration with iOS ecosystem
* High conversion rates due to familiar Apple interface
* Automatic app detection and “Open” button if app is already installed
* Professional appearance matching iOS design standards
* Trusted by users as it’s Apple’s official system

2. Custom Smart App Banner (All Browsers)
Our custom banner works on ALL mobile browsers and provides extensive customization options.

Intelligent Fallback System:
* Safari on iOS + iOS Smart Banner enabled: Shows native Apple Smart App Banner (top position, Apple-controlled)
* Chrome/Firefox/Opera/Edge on iOS + iOS Smart Banner enabled: Shows custom banner (your positioning choice)
* Any browser + iOS Smart Banner disabled: Shows custom banner (your positioning choice)
* Android devices: Always shows custom banner (your positioning choice)

This ensures every mobile visitor sees an appropriate app promotion banner regardless of their browser choice, while respecting Apple’s native implementation in Safari.

Complete Feature List

📋 General Features:
* Enable/disable banner with one click
* Mobile device detection and targeting
* Customizable app name and subtitle
* Custom download button text
* Support for both iOS and Android apps
* Banner position control (top/bottom)

🎨 Design & Customization:
* Custom app icon upload
* Background color customization
* Download button color customization
* Button text color customization
* Text color customization
* Close button color customization
* Font size controls for app name and subtitle
* Real-time preview in admin panel

📱 Platform-Specific Features:
* iOS App Store link configuration
* Google Play Store link configuration
* iOS Smart App Banner integration
* App Store ID configuration for native iOS banner
* Intelligent browser detection

🔧 Advanced Features:
* Cookie-based user preference memory
* 7-day dismissal memory
* Automatic body padding adjustment
* Admin bar compatibility
* Responsive design for all screen sizes
* WordPress admin integration

Installation & Quick Setup

Step 1: Install the Plugin
1. Upload the plugin to /wp-content/plugins/ directory
2. Activate through the ‘Plugins’ menu in WordPress
3. Go to Settings > Mobile Smart App Banner

Step 2: Basic Configuration
1. Enable the app banner
2. Upload your app icon (recommended: 512x512px)
3. Enter your app name and description
4. Add your App Store and/or Google Play Store links

Step 3: Customize Appearance
1. Choose banner position (top or bottom)
2. Customize colors to match your brand
3. Adjust font sizes as needed
4. Preview your banner in real-time

Step 4: iOS Smart Banner (Optional)
1. Enable iOS Smart App Banner if desired
2. Enter your App Store ID
3. Understand that this creates Apple’s native banner at the top of Safari (position and design controlled by iOS)
4. Your custom banner will still show on non-Safari iOS browsers with your chosen positioning

Configuration Guide

Basic Settings Configuration:

1. Enable App Banner: Toggle to activate/deactivate the banner
2. App Icon: Upload a high-quality icon (512x512px recommended)
3. Banner Position: Choose top or bottom placement
4. App Name: Enter your mobile app’s name
5. App Name Size: Set font size (8-30px)
6. App Subtitle: Brief, compelling description
7. App Subtitle Size: Set font size (8-24px)
8. Download Button Text: Customize button text (e.g., “Download”, “Get App”)
9. App Store Link: Full iOS App Store URL
10. Play Store Link: Full Google Play Store URL

iOS Smart App Banner Configuration:

1. Enable iOS Smart App Banner: Activates Apple’s native banner for Safari
2. App Store ID: Numeric ID from your App Store listing

To find your App Store ID:
* Visit Apple’s App Store Marketing Tools
* Search for your app and select it
* Copy the number between id and ? in the Content Link
* Alternative: Find it in App Store Connect under General > App Information

Color Customization:

1. Banner Background Color: Main banner background
2. Download Button Background Color: Button background
3. Download Button Text Color: Text color on button
4. Text Color: Color for app name and subtitle
5. Close Button Color: Color for the X close button

Best Practices for Maximum Downloads

1. Compelling App Information
* Use clear, benefit-focused app name
* Write compelling subtitle highlighting key value proposition
* Keep text concise and action-oriented

2. Visual Design
* Use high-quality app icon that matches your brand
* Choose colors that complement your website design
* Ensure sufficient contrast for readability
* Test on various devices and screen sizes

3. Strategic Positioning
* Bottom placement often performs better (less intrusive)
* Top placement works well for content-heavy sites
* Consider your website’s navigation structure

4. iOS Smart Banner Strategy
* Enable for maximum Safari iOS conversion
* Understand that custom banner will show on other iOS browsers
* This provides comprehensive iOS coverage

5. Store Link Optimization
* Use direct, working links to your app store pages
* Test links regularly to ensure they work
* Consider using short, branded URLs for analytics

Love this plugin?

If this plugin has helped you increase your app downloads, please consider buying me a coffee to support its development.