Create Your Branded App
How It Works
Before we dive into the nitty-gritty of how to create a branded version of your mobile app, let’s take a step back and review the overall process so you know what to expect.
Here are the basic steps:
- Sign up for the Mobile Publisher program. Contact your salesforce.com sales rep for more information.
- Design your branded assets and upload them to Salesforce.
- Choose an app distribution type that fits your needs.
- Receive a beta version of your app.
- Thoroughly test the beta.
- Approve the app and allow Salesforce to submit it to Google and Apple.
- Dance a little jig when you see your app listed in Google Play and the App Store. (OK, dancing is optional but highly recommended.)
After you publish your app, maintenance is a breeze. If your branding changes in the future, you can make an unlimited number of edits with Mobile Publisher. And when Salesforce releases a new version of the mobile app, the updates to your branded app are seamless.
Your Customizations + Your Branding = Your App
Remember: Your branded apps are just a duplicate of the Salesforce app and the mobile Lightning Community you already customized. You’re packaging your mobile implementation in a fancy new wrapper, but the underlying functionality is exactly the same. So the process for creating your branded apps begins with something you already have: the Salesforce mobile app and mobile Lightning Community.
- Are there ways you can customize the Salesforce mobile app so it’s tailor-made for your employees?
- Have you customized your mobile Lightning Community with the right standard or custom Lightning components to best serve your customers?
Be sure to spend time optimizing your Salesforce app and mobile Lightning Community implementation. We recommend that you fully develop and test any customizations you make to the Salesforce mobile app and mobile Lightning Community.
DreamHouse Sets the Right Example
Let’s check in with D’Angelo Cunningham, our heroic admin, to see how he streamlined the Salesforce mobile app and the mobile Lightning Community customizations prior to creating the branded apps for DreamHouse Realty.
- Created quick actions to speed up the brokers’ workflow.
- Customized the mobile navigation so that the landing page in the Mobile Only app is the Chatter feed. (Remember: The navigation you set up for the Salesforce app in your org also applies to your branded app.)
- Built three new Lightning apps that are available from the navigation menu: House Explorer, Heat Map, and Property Explorer.
- Customized a theme to match DreamHouse Realty’s brand and style.
- Created a custom search component to help their customers search more effectively.
D’Angelo has been gathering feedback from the DreamHouse brokers and customers and making his final adjustments to the mobile apps, and now he’s excited to forge ahead with Mobile Publisher.
Time to Cook Up an App
Now that DreamHouse is ready to create their own mobile apps, what do they do next? Well, creating a branded app is like baking a delicious cake. The first step is gathering the ingredients.
And with Mobile Publisher, that’s pretty much all you have to do. We take care of the rest of the baking process for you. You hand over the ingredients to us, and we whip up a towering confection of sugary goodness.
What’s the main ingredient in our Mobile Publisher recipe? You guessed it: your company’s visual assets. We can’t make a branded app without them.
Prepare Your Branded Assets
Preparing your branded assets is the most important part of this process, and it’s also the most fun! Your company gets to dream up the visual appearance of your app and then design all the elements that will adorn your delicious cake. Er… app. (Sorry, still thinking about dessert.)
Let’s discuss some of the branding details so you can get started with your Mobile Publisher project.What You Can Brand You can apply your company’s branding to many of the elements in the Salesforce mobile app. Here’s what you can change:
- App Icon
- App Name
- Launch Screen
- Color Scheme
- Application Store Listing (Name, Description, Images, Screenshots, Support URL, Marketing URL)
- Authentication URL (Salesforce app only)
- Help URL (Salesforce app only)
Create the mySalesforce Project
OK, let’s fast forward and catch up with D’Angelo after DreamHouse Realty’s designer has provided final versions of all the visual assets for the company’s branded apps.
D’Angelo is ready to roll up his sleeves and create the Mobile Publisher projects. One Mobile Publisher project for his brokers who use the Salesforce mobile app, and one Mobile Publisher project for his customers who use the mobile Lightning Community. So let’s jump into Salesforce and get started.
- From Setup, enter Mobile Publisher in the Quick Find box, then select Mobile Publisher.
- Click Create New App.
- You can choose to brand:
- Salesforce App
- Lightning Communities
- Click Next.
- Enter a name for the Mobile Publisher project. Choose wisely—you can’t edit the project name after you set it. (This is for internal reference only; it won’t display publicly in Google Play or the App Store.)
- Click Next.After creating your Mobile Publisher project, you see a page that lists both versions of the branded app: one for iOS and one for Android.
One Project, Two Apps
When you’re done creating the Mobile Publisher project, you can manage the iOS and Android apps that are part of your project.
Wondering why there are two separate listings for iOS and Android in your Mobile Publisher project? Well, each application store—Google Play and the App Store—requires a different set of information in order to publish an app. Before we can enter all the information about your branded apps, we need to figure out which distribution type best suits for your needs.
Before D’angelo enters his information about the app, he needs to think about how he wants his apps to be distributed. The branded apps can be distributed to end users either publicly or privately via different channels per platform according to Apple and Google guidelines.
Make sure that your use case and preferred distribution type fits with Apple and Google guidelines. If you choose a distribution type that doesn’t work with your use case, it can cause problems for your users.
For example, if your branded app for iOS is intended for internal employees, you can only distribute it via Apple Business Manager (ABM) and not publicly on the App Store. Apple doesn’t allow moving existing apps between public and private distribution types, and as a result Apple may reject your app. You’ll have to create a new branded app and move your existing user base to the new app.
Here are general app distribution guidelines from Apple and Google:
- B2B/B2E apps can only be distributed via Apple private distribution (ABM).
- B2C apps can be only distributed to the public App Store.
- B2C/B2B/B2E apps could be distributed to various distribution types based on the customer use case.
Help You Choose
There are two distribution types available. Both offer public and private app distribution to your end users.
- Salesforce Managed Distribution: Salesforce manages distribution of the customer branded app via our developer account either publicly or privately.
- Customer Delegated Distribution: Your branded app is published via your developer account either publicly or privately.
Here’s a matrix to help you choose which distribution type best suits your needs.
|Salesforce Managed Distribution|
|Customer Delegated Distribution|
Now back to D’angelo where he’s reviewing which distribution type is best for the DreamHouse apps. The CEO of DreamHouse wants the branded Salesforce app for the brokers, who are internal employees, to be listed privately (not being accessible publicly on either the App Store or Google Play). For the external customers who use branded mobile Lightning Community app, the CEO wants the app to be listed publicly on the Apple App Store and Google Play.
To satisfy the preferences of the DreamHouse CEO D’angelo chooses Salesforce Managed Private distribution for the branded Salesforce mobile app. DreamHouse uses MDM (Mobile Device Management) to distribute the branded app to its brokers, which can be configured with the private distribution options offered by Apple and Google.
For the branded mobile Lightning Community app, D’angelo chooses Customer Delegated Distribution. This means DreamHouse customers can download and install the DreamHouse branded mobile Lightning Community app from the public app stores. To support Customer Delegated Distribution, D’angelo provides Salesforce access to DreamHouse iOS and Android developer accounts. Mobile Publisher manages the life cycle of the branded app automatically on behalf of DreamHouse (Mobile Publisher needs limited access, only to configure and manage the branded app from the customer developer account).
Hopefully, this helps you decide which distribution type is best for your apps. The next step in the process is to enter all the information about the iOS and Android versions of your apps.
Enter Information About the App
D’Angelo is eager to forge ahead with Mobile Publisher, so let’s help him enter information about the DreamHouse iOS app for his brokers.
- On the Mobile Publisher page, click Start for the iOS app.
- Fill in all the necessary fields.You probably noticed that there are numerous fields on this form. Like... a lot. But many of the fields have info bubbles, which are little beacons that can illuminate your path to success. So if you’re confused about a certain field, hover your cursor over the info bubble to see helpful tips and guidance. Of course, you probably won’t upload all the assets in a single go. Your latest changes are saved so you can come back and edit the information later.
- When you’re done entering all the information, click Submit.
- Click Submit again to confirm that you want to submit the form.The app is now a draft, and you can see the status of the app on the iOS page.
D’Angelo repeats the same steps for the Android version of the app because DreamHouse wants to release the iOS and Android apps simultaneously. He also repeats these same steps for the DreamHouse mobile Lightning Community app for its customers. But you don’t necessarily have to do it that way. If you prefer, your organization can launch one app at a time.
Celebrate Your Accomplishment
Wasn’t that epic? OK, so filling out a bunch of fields probably doesn’t feel like a legendary feat, but it truly is. With the submission of a simple form, you’ve helped your organization take a huge leap toward mobile transformation.
And here’s more good news: The bulk of your work is now done, and you’re about to pass the baton to Salesforce. In the next unit, you learn how to request a beta version of your app so you can start testing it.
- Salesforce Help: Build Your Branded App
- Apple: iOS Human Interface Guidelines: Design Themes
- Apple: App Store Review Guidelines
- Apple: Make the Most of Your App Store Product Page
- Google: Google Material Design Guidelines: Product Icons
- Google: Set Up Your Google Store Listing
- Article: Eye-Catching App Icon Design