Configure Mobile App Theme

Introduction

Welcome to Shop2App's theme customization guide! This document will walk you through the elements you can customize in our mobile app to match your brand's identity seamlessly.

In this article

• How to access the mobile app theme?
• Configuring Your App’s Theme
• App Icon Name
• App Icon
• Launch Image
• Brand Logo
• Placeholder Image
• Brand Color
• Button Color

How to access the Mobile App Theme?

Step 1: Under Mobile App Builder, select the "Design" Tab

Step 2: Go to "Theme" in the top right corner of your screen

Configuring Your App’s Theme 

App Icon Name

This is the name displayed with the app icon on your Customer's devices. It is crucial for brand recognition and easy identification on their Phone screens.

How to Configure App Icon Name?

To configure simply write the App Icon Name in the Placeholder

App Icon

^{Required Dimensions for App Icon: 1024 x 1024}

The app icon is the first thing customers see when searching or browsing apps. It represents your brand on Google Play Store and Apple App Store, Progressive Web Apps (PWAs), and on customer's devices after downloading.

How to Configure App Icon?

To configure, upload your image or enter the Image URL that you want to set as your app icon.

Launch Image 

^{Required Dimensions for Launch Image: 1284 x 2778}

The launch image appears while your app is loading. Use it wisely to reinforce your brand identity and set the tone for the user experience.

How to Configure?

To configure, upload your image or enter the Image URL that you want to set as your launch image.

Brand Logo

^{Required Dimensions for Brand Logo: 300 x 150}

Your brand logo appears prominently in the top navigation header of your app. It's like a digital signature, reinforcing brand recognition and building trust with your customers.

How to Configure?

To configure, upload your image or enter the Image URL that you want to set as your brand logo.

Placeholder Image

^{Required Dimensions for Placeholder Image: 1024 x 1024}

Placeholder images are used throughout the app where content is being loaded or is unavailable. Customizing these images ensures a consistent brand experience.

How to Configure?

To configure, simply upload your image or enter the Image URL that you want to set as your placeholder image.

Brand Color

Your brand color sets the overall mood and feel of your app. Consistency in color usage reinforces brand recognition and creates a visually appealing experience for customers.

Button Color

Button color is crucial for guiding customers to take action within your app. Choosing a color that contrasts well with your brand color and stands out on the screen enhances usability and encourages interaction.

How to Configure?

To configure, simply add the color code for your brand and button.

If you have any questions or need further assistance, feel free to contact us at help@shop2app.com.

Happy selling!