Chapter 1: Setting up your Nobex App

This guide walks you through the essential steps to configure your branded mobile app in the Nobex Partners admin portal. By the end, you'll have customized your app's appearance, contact information, integrations, home screen layout, weekly schedule, and streaming settings.

After logging in, you'll see your dashboard:

1. Brand Settings

Brand Settings control your app's visual identity—logo, colors, and splash screen. These elements appear throughout your app and in app stores.

Navigate to Brand Settings from the left sidebar under "Brand & App Setup":

Logo & Theme Tab

Upload your app logo (minimum 1024x1024 pixels) and set your brand colors. Your logo becomes your app icon and appears in navigation headers.

Key fields:

• App Logo/Icon: Square image, high resolution (300x300 pixels or larger)

• Primary Color: Main brand color used for buttons and accents

• Secondary Color: Supporting color for UI elements

• Background Color: Default background throughout the app

Application Splash Screen Tab

The splash screen appears when users first launch your app. Upload a custom image or use your logo with a background color.

2. Contact Settings

Contact Settings determine how listeners reach you. This information appears in your app's "Contact Us" section.

Navigate to Contact Settings from the left sidebar:

Fill in your contact details:

Available fields:

• Phone: Optional phone number

• SMS: phone number for listeners to send text messages

• Email: Primary contact email (required), option to include Email Subject

3. Integration Settings

Integration Settings connect your app to external services like social media feeds, analytics platforms, and content syndication.

Navigate to Integrations Settings from the left sidebar:

The Integrations page has three main tabs:

The three integration categories:

1. Social Media: Connect Facebook, Twitter, and Instagram to display your social feeds inside the app. Enter API keys or access tokens to auto-sync posts.

2. On Demand Feed: Add your main RSS/podcast feed (HTTPS only) to syndicate content. Feed appears in your app's on-demand library.

3. Specialty Feeds: If you have additional RSS feeds, or create Shows within your On Demand Library provide them here.

4. App Home Screen

The App Home Screen builder lets you design your app's main interface using drag-and-drop widgets. Control what listeners see first when they open your app.

Navigate to App Home Screen from the left sidebar:

Widget Builder Interface

The home screen builder displays available widgets on the left and your current layout on the right:

How the builder works:

• Create Sections: Sections create unique segments of the home screen to group widgets in rows. They can be set to display 1, 2, 3, or 4 widgets per row.

• Add Widgets: Select widget type enter details in settings fields

• Reorder: Drag sections/widgets up or down to change their position

• Remove: Click the X or trash icon on a widget to delete it

• Preview: See a live preview of your changes on the simulator, looks for the device icon at the top right.

Widget Settings

Click any widget to access its settings panel:

Common section/widget settings:

• Title: Custom heading displayed below the widget (e.g., "Now Playing," "Latest Episodes")

• Widgets per Row: Choose 1, 2, or 3 widgets per row depending on content type (1 for player, 2–3 for media items)

• Scroll Behavior: Enable horizontal scrolling for multiple items or display all at once

5. Weekly Schedule

The Weekly Schedule feature lets you create a programming calendar that displays show times, hosts, and descriptions in your app.

Navigate to Weekly Schedule from the left sidebar:

Schedule Overview

The schedule displays your programs in a weekly grid by day and time:

Schedule features:

• Timezone Selection: Set your broadcast timezone in the top-right dropdown. This allows the app to display your show times in your listeners local time.

• Pause/Archive: Temporarily take a show out of rotation without losing the settings. Turn them back on when needed.

Adding Programs

Click the Add Program button to create a new show:

Fill out the program details form:

Program fields:

• Program Name: Show title (e.g., "Morning Drive," "The Jazz Hour")

• Day(s): Select one or multiple days (supports recurring programs)

• Start Time and End Time: Broadcast window - note these are listed in 24H format

• Description: Brief summary of the show (optional)

• Long Description: Get more in depth for listeners who want to know more (optional)

• Program Image: Upload show artwork (optional)

• Recurring: Toggle to repeat weekly

After saving, your program appears in the schedule:

Managing Programs

Hover over any program to reveal action buttons:

Available actions:

• Edit (pencil icon): Modify program details, times, or image

• Pause (pause icon): Temporarily hide the program without deleting it

• Archive (download icon): Move the program to your archive for future use

• Delete: Permanently remove the program (usually via edit menu)

Archiving a program:

6. Streaming & Playback

Streaming & Playback settings configure your live audio stream—the core feature of your app.

Navigate to Streaming & Playback from the left sidebar:

Stream Configuration

Configure your primary stream and playback settings:

Key streaming fields:

• Stream URL: Your live stream endpoint (HTTPS required for best compatibility)

• Stream Format: Select MPEG, AAC, or WMA over HTTPS (other formats not supported)

• Bitrate: Recommended 128 kbps for balance between quality and data usage

• Backup Stream URL: Optional fallback if primary stream fails

Next Steps

Once you've completed these six setup sections, your app is ready for preview and testing. Review each section to ensure all details are accurate, then let our team know so we can proceed to build and submit your app to the Apple App Store and Google Play Store.

For help with app submission and going live, see our Quick start guide.