MobiLoud

Last updated January 26, 2026

The MobiLoud add-on is currently in beta.

MobiLoud

This add-on is operated by Fifty Pixels Ltd

Build mobile apps without the cost, delays, or complexity of native development.

MobiLoud converts your existing website into native iOS and Android applications. After installing the add-on, you configure your app’s appearance and functionality through a web-based dashboard, preview your configuration in real-time, and submit your specifications for app generation.

The service works through a configuration dashboard where you define your app’s navigation menu, color scheme, push notification categories, and settings. Changes are saved to a JSON configuration that you can preview in a live iOS simulator before submission. When you’re satisfied with your configuration, you submit an application form on paid plans, and the MobiLoud team coordinates the app build and store submission process.

Your website continues to operate independently. The mobile apps load your website’s content within a native application shell configured through the dashboard.

Provisioning the Add-on

Install MobiLoud with your chosen plan via Heroku CLI:

$ heroku addons:create mobiloud:starter
-----> Adding mobiloud to sharp-mountain-4005... done, v18 ($999/month)

View all available plans at Heroku Elements.

Accessing the Add-on

After installation, access the MobiLoud dashboard through your Heroku dashboard using Single Sign-On (SSO) authentication. The MOBILOUD_URL config variable is set automatically for reference:

$ heroku config:get MOBILOUD_URL

To access the dashboard: 1. Navigate to your app in the Heroku Dashboard 2. Select the Resources tab 3. Select the MobiLoud add-on 4. You get securely authenticated and redirected to the configuration dashboard

Always access the dashboard through your Heroku Resources tab. Direct URL access requires SSO authentication and is not recommended for regular use.

Getting Started

After installing the MobiLoud add-on:

  1. Access the Dashboard

    • Navigate to your app in the Heroku Dashboard
    • Select the Resources tab
    • Select on the MobiLoud add-on entry
    • You get authenticated via Heroku SSO and redirected to the MobiLoud dashboard

  2. Set Your Website URL

    • On first access, you’re prompted to enter your publicly accessible website URL. The URL can be a custom domain or any other production URL.
    • This site is what gets converted into mobile apps
    • Select Save to continue to the configuration dashboard

  3. Configure Your App

    • Use the navigation sidebar to access configuration sections:
      • Menu: Configure navigation and tab menu
      • Colors: Set app theme colors
      • Notifications: Define push notification categories
      • Settings: Customize settings menu
      • Advanced: Edit raw JSON configuration (optional)
    • Changes save when you select Save in each section

  4. Preview Your Configuration

    • The right panel displays a live iOS preview of your app (no Android preview is available)
    • The preview updates when you save configuration changes
    • Use this to verify your app’s appearance before publishing

  5. Submit for Publishing (Paid plans only)

    • Navigate to the Publish section
    • Complete the app submission form with your requirements
    • Submit the form to begin the app generation process
    • The MobiLoud team will contact you with next steps

For security, always access the add-on through your Heroku Dashboard. Direct URL access requires authentication via Heroku SSO.

Configuring Your Mobile App

The MobiLoud dashboard provides several configuration sections to customize your app:

Define your app’s navigation structure and bottom tab menu. Set the main page URL and add up to 5 tab menu items with custom icons, labels, and URLs. You can reorder tabs by dragging.

Colors Configuration

Customize your app’s color scheme including status bar color, tab bar background, and active/inactive tab colors. All colors use standard hexadecimal format (#RRGGBB).

Push Notifications Configuration

Create notification categories (tags) that users can subscribe to. Each tag has an ID and label. Examples: “News”, “Promotions”, “Updates”.

Settings Menu Configuration

Customize the settings screen by defining a menu label and adding links such as Privacy Policy, Terms of Service, Help, and Contact pages.

Advanced Configuration

For complex configurations not exposed in the standard UI, use the JSON editor to directly edit your app’s configuration structure. The editor validates JSON syntax before saving.

Live Preview

The right panel displays a live iOS preview of your configured app via Appetize.io. The preview updates each time you save configuration changes, allowing you to verify your app’s appearance before publishing.

Save your changes in each section using the Save button at the bottom of the configuration form.

Publishing Your App

Plan Requirements

App publishing is available on paid plans. Free plan users can configure and preview their apps but must upgrade to submit for app generation.

To upgrade your plan: term $ heroku addons:upgrade mobiloud:starter

Or visit Heroku Elements to select a plan.

Submission Process

  1. Navigate to the Publish section in the dashboard
  2. Select Start App Submission

  3. Complete the multi-section form with:

    • Contact information
    • Website and platform details
    • Admin access credentials, if applicable
    • Apple and Google developer account information
    • Analytics and Firebase configuration
    • App graphics, for example, logos
    • Push notification provider details
    • App Store listing information
    • Legal agreements and digital signature

  4. The form auto-saves every 5 seconds as you work

  5. Submit when complete

After Submission

When you submit your app: - The MobiLoud team receives your configuration and requirements - Your submission includes your dashboard configuration and form responses - The team reviews your submission and contacts you to coordinate next steps - You can schedule a follow-up call to discuss the process

You can’t edit submitted forms. Contact support@mobiloud.com if you need to update submitted information.

Available Plans

MobiLoud offers a free plan for testing and ten paid plans for production use:

Free Plan

  • Test (test): Free
    • Full access to configuration dashboard
    • Live iOS preview
    • Configuration persistence
    • Publishing features require upgrade to paid plan

All paid plans include full dashboard access plus app publishing and submission features:

  • Starter (starter): $999/month
  • Essential (essential): $1999/month
  • Basic (basic): $2999/month
  • Standard (standard): $3999/month
  • Professional (professional): $4999/month
  • Advanced (advanced): $5999/month
  • Premium (premium): $6999/month
  • Superior (superior): $7999/month
  • Elite (elite): $8999/month
  • Executive (executive): $9999/month

Refer to Heroku Elements for complete plan details and features.

Plan Management

Upgrade or downgrade your plan using Heroku CLI:

$ heroku addons:upgrade mobiloud:starter
-----> Upgrading mobiloud:starter to mobiloud:essential... done, v18 ($1999/mo)
       Your plan has been updated to: mobiloud:essential

Downgrading from a paid plan to the free test plan, the mobile app stops functioning. Instead of displaying the website content, the app shows an error message indicating that the service is no longer active.

Your current plan determines which features are available in the dashboard. Plan information is automatically included with your app submission.

Removing the Add-on

Remove MobiLoud via CLI:

$ heroku addons:destroy mobiloud
-----> Removing mobiloud from sharp-mountain-4005... done, v20 (free)

The app binaries are generated and hosted within your own Apple and Google developer accounts, so you retain full access to those binaries at all times.

Support

Log all MobiLoud support and runtime issues with Heroku Support at support.heroku.com. Any non-support related issues or product feedback is welcome at support@mobiloud.com.