Tutoriales
Atrás

Cómo personalizar los iconos principales de tu tienda


Hoy vamos a aprender a personalizar los íconos de tu aplicación.

Este es un paso obligatorio para generar tu aplicación.

El icono es un elemento visual clave de tu aplicación. Los navegadores web lo utilizarán como favicon, que se mostrará en las notificaciones push para identificar al remitente, en la pantalla de inicio del dispositivo de tus usuarios.

Para configurar los iconos, vayamos al menú Contenido y diseño, Diseño, diseño general

Abrir el menú de icono

Puedes utilizar el asistente o crear un icono completamente personalizado

Empezaremos por el asistente

Aquí puedes agregar texto o un logotipo

Por ejemplo, quiero mostrar las iniciales de mi tienda Urban Shango. Todo lo que necesito para ingresarlos en el cuadro de texto

Voila

Si prefiero un logotipo, simplemente necesito hacer clic en la pestaña como esta y cargar una imagen en las dimensiones requeridas.

Vamos a ceñirnos al texto

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

Luego creo el fondo de mi icono: un color o una imagen de la biblioteca unSpash del back office o de mi computadora.

Eso es lo que voy a hacer

¡Y listo, mi icono está listo!

Todo lo que necesito ahora es editar el título de mi aplicación, que se mostrará en la pantalla de inicio de los dispositivos de sus clientes.

¡Perfecto!

Haga clic en generar y confirme las modificaciones

Los iconos se generan automáticamente en el formato requerido para todos los usos posibles.

Eso fue fácil, ¿no?

Probemos ahora la opción personalizada

Ahora, eso no podría ser más fácil. Simplemente carga el ícono del tour ya creado (en los tamaños requeridos)

¡Y ya está!

Ahora sabes cómo personalizar el icono de tu aplicación

¡Nos vemos muy pronto en otro tutorial!

Vídeos similares