Welcome to MobiLoud

Learn more about how MobiLoud works and what to get started from

Welcome to the MobiLoud documentation center. We understand that creating mobile apps can seem daunting, especially when you've invested significant time and resources into your website. MobiLoud bridges this gap, allowing you to leverage your existing web presence while providing your users with a premium mobile app experience.

Understanding MobiLoud's Approach

The mobile app landscape often presents a challenging decision: build native apps from scratch at significant cost, or settle for a basic web wrapper that fails to meet user expectations. MobiLoud offers a sophisticated middle ground through a hybrid approach that brings together the best of native and web technologies.

How MobiLoud Works

MobiLoud operates on a unique three-pillar system that combines native app capabilities, your website's existing infrastructure, and a flexible configuration layer. Let's explore each component:

Native Elements 📱

The foundation of your MobiLoud app is built with pure native code - Swift for iOS and Kotlin for Android. This isn't just a technical choice; it's essential for delivering the performance and experience users expect from mobile apps. The native layer handles critical functions like:

Navigation: Users experience smooth, responsive navigation through a native bottom tab bar that feels natural on each platform
Push Notifications: Direct integration with device notification systems ensures reliable delivery and proper handling
Deep Linking: Seamless handling of links between app content and external sources
Device Features: Access to camera, location services, and other device capabilities when needed

Think of the native layer as a sophisticated frame that holds your website content while providing all the benefits of a true mobile app.

Your Website Content 🌐

Your website serves as the dynamic heart of your mobile app. This approach offers several powerful advantages:

Content Synchronization: Any updates you make to your website automatically appear in your app, eliminating the need for separate content management
Feature Parity: All your existing functionality - from e-commerce to user accounts - works seamlessly within the app
Development Efficiency: Your web development team can maintain both website and app content using familiar tools and processes
Proven Systems: Your existing backend, databases, and business logic continue to power your app experience

This isn't simply displaying your website in a frame - MobiLoud optimizes how your web content is presented and handled within the native app container, ensuring it feels natural and responsive.

Configuration Layer ⚙️

The configuration layer is where MobiLoud truly shines, offering unprecedented flexibility without requiring app store updates. Through the MobiLoud Dashboard, you can:

Control Navigation: Customize how users move through your app, including tab bar organization and deep linking behavior
Style Your App: Adjust colors, icons, and visual elements to match your brand
Manage Features: Enable and configure push notifications, authentication, and other functionality
Set Rules: Define how different types of content and links should behave within your app

Think of the configuration layer as your app's control center, allowing you to fine-tune the experience without diving into code.

The App Publishing Process

We transform your website into native mobile apps through a streamlined 30-day process that ensures quality while maintaining efficiency. The journey includes:

Kickoff & Setup: We collect your assets and requirements
App Configuration: Our team builds and configures your app
Testing: You preview and test your app
Store Submission: We handle all technical requirements
Launch: Your app goes live on both platforms

For a detailed breakdown of each phase, see our complete App Publishing Process Guide.

‍

Core Features

Navigation and Structure

The foundation of any great mobile app is intuitive navigation. MobiLoud provides powerful tools to create a navigation structure that feels natural and native to mobile users. Through our dashboard, you can configure a bottom tab bar navigation, manage deep linking behavior, and control how different types of content are displayed in your app. Our navigation system supports:

Configure Your Menu - Create an intuitive bottom tab bar navigation
Customize Colors - Match your brand's visual identity
Advanced Configuration Options - Fine-tune behavior and functionality
Configure App Links - Set up deep linking and universal links

Push Notifications

Push notifications are crucial for engaging your mobile app users. MobiLoud offers multiple ways to send notifications, supporting both OneSignal and Klaviyo integrations. Whether you need automated content notifications or targeted marketing messages, our system provides the tools you need:

Send Notifications from OneSignal - Direct integration with OneSignal's platform
WordPress Integration - Automated notifications for WordPress sites
Configure Notification Tags - Segment your audience effectively
OneSignal Analytics - Track notification performance
Send Notifications with Klaviyo - Use Klaviyo for advanced marketing automation
Configure Klaviyo - Set up Klaviyo integration

E-commerce Integration

For e-commerce websites, MobiLoud provides seamless integration with popular platforms, particularly Shopify. Our Shopify integration enables:

Native shopping experience
Push notifications for orders
Cart synchronization
Customer account management

Learn more about our Shopify integration:

MobiLoud Shopify App - Understand our Shopify app features
UTM Injection for Analytics - Track app performance
Configure Login Redirects - Customize the login experience

User Authentication

Authentication is critical for personalized experiences and secure access. MobiLoud supports multiple authentication methods to match your existing system while maintaining a native feel. Our authentication system is flexible and secure:

Login Feature Overview - Understand the authentication options
Cookie-based Login - Leverage existing website authentication
Configure Google Login - Add Google sign-in support
Configure Facebook Login - Implement Facebook authentication

Analytics and Tracking

Understanding how users interact with your app is essential for optimization and growth. MobiLoud integrates with leading analytics platforms to provide comprehensive insights into user behavior and app performance:

Track App Data in Google Analytics - Set up Google Analytics tracking
Firebase Analytics - Implement Firebase tracking
Custom App Reports - Create specialized tracking reports
App Deletion Tracking - Monitor app retention

Security and Optimization

We provide tools and guidelines to ensure your app is secure and performs optimally:

Secure Your Website in the App - Implement security best practices
Improve App Performance - Optimize app speed and responsiveness
Account Deletion - Comply with app store requirements

‍

Development Resources

While MobiLoud handles the complex native app development, we provide powerful tools and APIs that allow developers to customize and enhance the app experience. Whether you're looking to modify the appearance, add custom functionality, or optimize performance, our development resources provide the flexibility you need.

Customization

MobiLoud offers multiple approaches to customize your app's appearance and behavior. Our customization tools allow you to create an app experience that perfectly matches your brand while maintaining native performance and functionality.

Visual Customization

Control how your website appears within the app environment:

Custom CSS Guide - Add app-specific styles
Code Injection - Insert custom HTML, CSS, and JavaScript
Hiding Elements - Remove website elements in the app
Optimize Website for App - Make your content app-friendly

Functional Customization

Extend your app's capabilities through our native bridges:

Native Functions Reference - Full API documentation
Creating App-Specific Pages - Build app-only content
Get User Information - Access user data and preferences
Tab Refresh Control - Manage content updates

Push Notification Development

Implement advanced notification features:

OneSignal Integration - Server-side implementation
Add External User IDs - User targeting
OneSignal Tags - User segmentation
Klaviyo Integration - Marketing automation

Testing and Quality Assurance

Thorough testing is crucial for delivering a high-quality app experience. Our testing tools and guidelines help ensure your app functions perfectly across all devices and scenarios.

Testing Infrastructure

Comprehensive testing resources:

How to Test Your Apps - Testing methodology
TestFlight Guide - iOS beta testing
Android APK Testing - Android beta testing

Performance Optimization

Tools and guides for optimal app performance:

Improve App Performance - Optimization techniques
Website Security - Security best practices
Loading Speed - Performance optimization

Testing Tools

Screen recording and debugging tools:

iOS Screen Recording - Capture iOS issues
Android Screen Recording - Document Android problems
Firebase Crash Reporting - Error tracking

Development Best Practices

Code Organization

Keep custom CSS and JavaScript organized and documented
Use consistent naming conventions for custom elements
Maintain separate styles for app-specific modifications
Document all custom implementations

Testing Strategy

Test on multiple devices and OS versions
Verify performance impact of customizations
Ensure consistent behavior across platforms
Monitor analytics for usage patterns

Security Considerations

Follow secure coding practices
Implement proper error handling
Protect sensitive user data
Validate all user inputs

Widget Development

MobiLoud provides a suite of pre-built widgets to enhance your app:

Smart Banner - App promotion
Back Button - Navigation control
QR Widget - App installation
Promotions Banner - Marketing tools
CSS Injector - Style management

Version Control and Updates

MobiLoud manages app updates and versioning, but you should:

Document all custom modifications
Track changes to custom code
Test updates before deployment
Maintain backup copies of customizations

‍

Legal Requirements and Compliance

Successfully launching and maintaining a mobile app requires adherence to various legal requirements and privacy regulations. MobiLoud helps you navigate these requirements while ensuring your app remains compliant with app store policies and international privacy laws.

Privacy Policy Requirements

Every app needs a comprehensive privacy policy that accurately reflects how user data is collected, used, and protected. This is not just a best practice - it's required by:

App Store Guidelines
Google Play Store Policies
Privacy Laws (GDPR, CCPA)
Third-party Services (Analytics, Push Notifications)

Key resources:

Do I Need a Privacy Policy? - Understand the requirements
Data Safety Section - Configure Google Play's data safety section

User Data and GDPR

If your app may be used by EU residents, GDPR compliance is essential. Key considerations include:

User consent for data collection
Right to data deletion
Data processing transparency
Privacy by design

Resources for managing user data:

Account Deletion Page - Implement user data deletion
Data Collection Guidelines - Best practices for data security

Store Compliance

Both Apple and Google have specific requirements that must be met:

Apple App Store:

Account deletion functionality
Privacy declarations
Data usage transparency
Sign in with Apple (if using other social logins)

Google Play Store:

Data safety section
Runtime permissions
Personal/sensitive data handling
Privacy policy requirements

Our platform helps ensure compliance through:

Built-in account deletion functionality
Privacy-respecting analytics integration
Secure data handling
Compliant push notification implementation

For specific requirements and implementation details, you can refer to:

‍

Getting Started

Support and Resources

Email: support@mobiloud.com
Documentation: Docs Homepage

‍