---
title: "Como personalizar sua tela de lançamento | App de Loja Online - Tutoriais - GoodBarber"
description: "Olá e bem-vindo ao seu back office GoodBarber\r \r Hoje vou mostrar a vocês como personalizar sua tela de lançamento\r \r São as imagens exibidas no lançamento de seu ap…"
canonical_url: "https://pt.goodbarber.com/tutorials/shop/design/como-personalizar-sua-tela-de-lancamento/"
lang: pt
---

# Como personalizar sua tela de lançamento | App de Loja Online - Tutoriais - GoodBarber

[Voltar](https://pt.goodbarber.com/tutorials/shop/)

# Como personalizar sua tela de lançamento

Olá e bem-vindo ao seu back office GoodBarber

Hoje vou mostrar a vocês como personalizar sua tela de lançamento

São as imagens exibidas no lançamento de seu aplicativo nativo para iOS e Android, durante o carregamento de conteúdo

Para configurar suas telas de lançamento, vá para o Menu Conteúdo e design > Design geral

Abra o menu da Tela de Lançamento

Você tem 2 possibilidades

Use o assistente ou crie uma tela inicial personalizada

Vamos começar com o assistente

Aqui você pode adicionar um teste ou um logo

Por exemplo, quero exibir o nome de minha loja Urban Shango e meu slogan. Tudo que eu preciso fazer é adicioná-los à caixa de texto

Voila

Se você preferir um logo, clique na aba assim e faça o upload da imagem no formato desejado.

Mas vamos ficar com o texto

No menu do lado direito, posso definir a fonte, a cor do texto e os efeitos

Em seguida, crio o plano de fundo da minha tela inicial. Pode ser uma cor ou uma imagem de fundo da biblioteca Unsplash no back office ou do meu computador,

Isso é o que vou fazer

E é isso, minha tela está pronta!

Clique em gerar, confirme as modificações

As telas de lançamento são geradas automaticamente no formato exigido para todos os dispositivos

Isso foi fácil, não?

Agora vamos tentar a opção personalizada

Agora, isso é realmente fácil. Tudo que você precisa fazer é carregar a tela já criada nos tamanhos necessários.

Já feito!

Agora você sabe como personalizar sua tela inicial

Te vejo em breve para outro tutorial

## Vídeos semelhantes

[DesignComo configurar seu menu de navegação](/tutorials/shop/design/como-configurar-seu-menu-de-navegacao/)

![Como configurar seu menu de navegação](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignComo personalizar os ícones do menu](/tutorials/shop/design/como-personalizar-os-icones-do-menu/)

![Como personalizar os ícones do menu](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DesignComo configurar a página inicial (Home) do seu aplicativo](/tutorials/shop/design/como-configurar-a-pagina-inicial-do-seu-aplicativo/)

![Como configurar a página inicial (Home) do seu aplicativo](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DesignComo configurar o cabeçalho da sua loja](/tutorials/shop/design/como-configurar-o-cabecalho-da-sua-loja/)

![Como configurar o cabeçalho da sua loja](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignComo configurar o estilo global da sua loja](/tutorials/shop/design/como-configurar-o-estilo-global-da-sua-loja/)

![Como configurar o estilo global da sua loja](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignComo personalizar os principais ícones da sua loja](/tutorials/shop/design/como-personalizar-os-principais-icones-da-sua-loja/)

![Como personalizar os principais ícones da sua loja](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DesignComo criar o design das seções de sua loja](/tutorials/shop/design/como-criar-o-design-das-secoes-de-sua-loja/)

![Como criar o design das seções de sua loja](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DesignComo desengatar o design de uma seção](/tutorials/shop/design/como-separar-o-design-de-uma-secao/)

![Como desengatar o design de uma seção](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DesignComo escolher o tamanho do seu cabeçalho](/tutorials/shop/design/como-escolher-o-tamanho-do-seu-cabecalho/)

![Como escolher o tamanho do seu cabeçalho](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)