---
title: "Cómo personalizar tu pantalla de bienvenida | App de tienda online - Tutoriales - GoodBarber"
description: "Hoy te mostraré cómo personalizar tus pantallas de bienvenida.\r \r Son las imágenes que se muestran en el lanzamiento de tu aplicación nativa de iOS y Android, durante la r…"
canonical_url: "https://es.goodbarber.com/tutorials/shop/diseno/como-personalizar-tu-pantalla-de-bienvenida/"
lang: es
---

# Cómo personalizar tu pantalla de bienvenida | App de tienda online - Tutoriales - GoodBarber

[Atrás](https://es.goodbarber.com/tutorials/shop/)

# Cómo personalizar tu pantalla de bienvenida

Hoy te mostraré cómo personalizar tus pantallas de bienvenida.

Son las imágenes que se muestran en el lanzamiento de tu aplicación nativa de iOS y Android, durante la renderización de tu contenido.

Para configurar tus pantallas de presentación, vae al Menú Contenido y diseño, Diseño general

Abre el menú de la pantalla de lanzamiento
Tienes 2 posibilidades

Utiliza el asistente o crea una pantalla de presentación personalizada

Empecemos por el asistente

Aquí puedes agregar una prueba o un logotipo

Por ejemplo, quiero mostrar el nombre de mi tienda urban shango y mi sloggan. Todo lo que necesito hacer es agregarlos al cuadro de texto

Voila

Si prefiere un logotipo, haz clic en la pestaña como esta y carga la imagen en el formato requerido.

Pero sigamos con el texto

En el menú del lado derecho, puedo configurar la fuente, el color del texto y los efectos.

Luego creo el fondo de mi pantalla de bienvenida. Puede ser un color o una imagen de fondo de la biblioteca Unsplash en la oficina administrativa o de mi computadora,

Eso es lo que voy a hacer

Y eso es todo, ¡mi pantalla de bienvenida está lista!

Haz clic en generar, confirma las modificaciones

Las pantallas de inicio se generan automáticamente en el formato requerido para todos los dispositivos.

Eso fue fácil, ¿no?

Probemos ahora la opción personalizada

Ahora, eso es realmente fácil. Todo lo que necesitas hacer es cargar la pantalla que ya creó en los tamaños requeridos.

¡Hecho!

Ahora sabes cómo personalizar tu pantalla de bienvenida

Nos vemos muy pronto para otro tutorial.

## Vídeos similares

[DiseñoCómo configurar tu menú de navegación](/tutorials/shop/diseno/como-configurar-tu-menu-de-navegacion/)

![Cómo configurar tu menú de navegación](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DiseñoCómo personalizar los iconos del menú](/tutorials/shop/diseno/como-personalizar-los-iconos-del-menu/)

![Cómo personalizar los iconos del menú](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DiseñoCómo configurar la página de inicio de tu aplicación](/tutorials/shop/diseno/como-configurar-la-pagina-de-inicio-de-tu-aplicacion/)

![Cómo configurar la página de inicio de tu aplicación](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DiseñoCómo configurar el encabezado de tu tienda](/tutorials/shop/diseno/como-configurar-el-encabezado-de-tu-tienda/)

![Cómo configurar el encabezado de tu tienda](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DiseñoCómo configurar el estilo global de tu tienda](/tutorials/shop/diseno/como-configurar-el-estilo-global-de-tu-tienda/)

![Cómo configurar el estilo global de tu tienda](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DiseñoCómo personalizar los iconos principales de tu tienda](/tutorials/shop/diseno/como-personalizar-los-iconos-principales-de-tu-tienda/)

![Cómo personalizar los iconos principales de tu tienda](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DiseñoCómo diseñar las secciones de tu tienda](/tutorials/shop/diseno/como-disenar-las-secciones-de-tu-tienda/)

![Cómo diseñar las secciones de tu tienda](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DiseñoCómo desenganchar el diseño de una sección](/tutorials/shop/diseno/como-desenganchar-el-diseno-de-una-seccion/)

![Cómo desenganchar el diseño de una sección](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DiseñoCómo elegir el tamaño de tu encabezado](/tutorials/shop/diseno/como-elegir-el-tamano-de-tu-encabezado/)

![Cómo elegir el tamaño de tu encabezado](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)