Launch Screens | Splash Screens of the App (Native Plans Only) (eCommerce App)

Launch Screens | Splash Screens of the App (Native Plans Only) (eCommerce App)

Splash screens are the images that appear at the launch of the native iOS and Android app while the content is loading. 

To set up your Launch Screen:
1. Go to the left swipe menu Content & Design > Design > General Design     
2. Click "Launch Screen" on the right column



1. Custom Splash Screen

To adapt the image to different sizes of different devices, you need different formats.

Note: Depending on the plan you are subscribed to, only images for the platforms available will be asked for in your back office. 

1. Click the "Splashscreen" tab

2. Create your splash screen files with the following sizes*:
- iOS: 1242 x 2688 pixels
- Android: 1440 x 2560 pixels
- Tablet: 2048 X 1536 px  landscape

*- These sizes are the minimum required. If you upload bigger pictures, you will be able to crop them.

- If you upload a smaller picture, a black background is added to fill in the void ( your image is kept at original size + black background)
- The recommended resolution is 72 dpi.
- Although these pictures are fairly large, always try to optimize them, specifically their weight, remember that the quality of mobile networks is not constant.
- Avoid small text at the bottom of the image that is often unreadable on a smartphone screen.


In order to adapt to all the different models, the mobile splash screens will be cropped if necessary to perfectly match the user's screen without distorting the image.
The demo below shows the same image on all the different mockups.
The red bands indicate where the image has been cropped.


2. The Wizard

Use to wizard to create your splash screens directly from the back office. 

1. Click the Wizard Tab
2. Create your icons directly from the back office:
- Add a text or a picture


- Set the font, color, effects of your title, and baseline (in the example above, title is Welcome, the baseline is Loading your app now)
- Select a color for the background or add a background image

3. Click "Generate"


If you already have launch screens  set:

- Click "Continue" in the red alert message to automatically generate all the formats required for the app.


Voilà, your new splash screen is created! 

    • Related Articles

    • Launch Screens | Splash Screens of the App (Native Plans Only)

      Splash screens are the images that appear at the launch of the native iOS and Android app while the content is loading.  To set up your Launch Screen:   1. Go to the left swipe menu Structure & Design > DESIGN > General Design      2. Click "Launch ...

    • Section Design (eCommerce App)

      1. How to modify the design of your sections By default, your shop has a global style  applied to all your app's pages. For more info, please refer to this online help. You can modify the default design of each section to fit the image of your brand. ...

    • Design the Categories of your Sections (eCommerce App)

      Depending on the type of content you have on your app, you can add categories to your CMS content section or filter your external content when using an external source (Youtube, WordPress, etc.). Please refer to this online help for more ...

    • Remove the Gradient Effect on Images (eCommerce App)

      This tutorial can be applied to any CMS section, we'll show you how to do it on a Map section as an example. In your Map's section, a gradient effect is applied to your images by default. It is possible to hide this gradient. You must first purchase ...

    • Global Style (eCommerce App)

      The Global Style menu manages your app's overall design from one single menu.  Colors, fonts, and effects chosen in this menu are applied to every section of your app. WARNING! Very important: When applying your global style to your app. If you had ...