---
title: "How to customize your splashscreen | eCommerce App Tutorials - GoodBarber"
description: "Hello and welcome to your GoodBarber back office\r \r Today I will show you how to customize your splashscreens\r \r They are the images displayed at the launch of your native iOS and Android app, during…"
canonical_url: "https://www.goodbarber.com/tutorials/shop/design/how-to-customize-your-splashscreen/"
lang: en
---

# How to customize your splashscreen | eCommerce App Tutorials - GoodBarber

[Back](https://www.goodbarber.com/tutorials/shop/)

# How to customize your splashscreen

Hello and welcome to your GoodBarber back office

Today I will show you how to customize your splashscreens

They are the images displayed at the launch of your native iOS and Android app, during your content rendering

To set up your splash screens, go to the Menu COntent & design, General design

Open the launchscreen menu

You have 2 possibilities

Use the assistant or create a custom splash screen

Let’s start with the assistant

Here you can add test or a logo

For exemple I want to display the name of my shop urban shango and my sloggan. All I need to do is to add them to the text box

Voila

If you prefer a logo, click on the tab like this and upload the image in the required format.

But let’s stick with the text

On the right side menu, I can set the font, text color and effects

Then I create the background of my splash screen. It can be a color or a background image from the Unsplash library in the back office, or from my computer,

Thats’ what i’m going to do

And that’s it, my splashscreen is ready!

Click on generate, confirm the modifications

The launch screens are automatically generated in the format required for all devices

That was Easy, no?

Now let’s try the custom option

Now, that’s really easy. All you need to do is upload the screen you already created in the required sizes.

Already done!

You now know how to customize your splashscreen

See you very soon for another tutorial

## Related videos

[DesignHow to set up your navigation menu](/tutorials/shop/design/how-to-set-up-your-navigation-menu/)

![How to set up your navigation menu](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignHow to customize the icons of the menu](/tutorials/shop/design/how-to-customize-the-icons-of-the-menu/)

![How to customize the icons of the menu](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DesignHow to set up the home page of your app](/tutorials/shop/design/how-to-set-up-the-home-page-of-your-app/)

![How to set up the home page of your app](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DesignHow to set up the header of your shop](/tutorials/shop/design/how-to-set-up-the-header-of-your-shop/)

![How to set up the header of your shop](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignHow to set up the global style of your shop](/tutorials/shop/design/how-to-set-up-the-global-style-of-your-shop/)

![How to set up the global style of your shop](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignHow to customize the main icons of your shop](/tutorials/shop/design/how-to-customize-the-main-icons-of-your-shop/)

![How to customize the main icons of your shop](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DesignHow to design the sections of your shop](/tutorials/shop/design/how-to-design-the-sections-of-your-shop/)

![How to design the sections of your shop](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DesignHow to unhook the design of a section](/tutorials/shop/design/how-to-unhook-the-design-of-a-section/)

![How to unhook the design of a section](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DesignHow to choose your header size ?](/tutorials/shop/design/how-to-choose-your-header-size/)

![How to choose your header size ?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)