Branded App by Wix: personalizar las funciones y el contenido de tu app

11 min de lectura
Una vez que hayas diseñado el tema de tu app de marca, personaliza el contenido y las funciones dentro de la app. Tu app de marca se compone de pantallas, que vienen a ser similares a las páginas de un sitio. Elige cuántas pantallas necesitas y qué muestra cada una de ellas.
Agrega elementos a las pantallas en función de tu negocio: incluye una página de producto de Wix Stores, una lista de eventos o un horario de clases. Luego, personaliza aún más la pantalla con botones, imágenes, videos y más.
Captura de pantalla de la personalización de la app de marca con una pantalla de navegación en la parte inferior.
En este artículo, obtén más información sobre lo siguiente:
Antes de comenzar:
Asegúrate de haberte descargado la app de Wix Owner para personalizar el contenido de tu app y obtener una vista previa antes de que se publique.

Personalizar el encabezado

El encabezado de tu app de marca se encuentra en la pantalla Inicio y es el primer elemento que ven los miembros después de iniciar sesión en tu app. Dale el estilo de tu negocio agregando tu logo, una foto de portada y un color de tema, para hacer que los botones se destaquen. Para lograr una coherencia de la marca, elige el mismo color de tema que elegiste en el panel de control de tu app de marca.
Captura de pantalla de la pantalla de personalización del encabezado de la app de marca con un nombre comercial y un eslogan agregados.

Para personalizar el encabezado:

  1. Ve a tu sitio en la app de Wix Owner.
  2. Pulsa Sitio y app en la parte inferior.
  3. Pulsa Personalizar en Branded App.
  4. Pulsa Editar diseño del encabezado en la parte superior derecha.
  5.  Personaliza el diseño del encabezado con las opciones disponibles:
    • Nombre: agrega el nombre de tu negocio o app.
    • Mostrar lema: haz clic en la palanca para mostrar u ocultar un eslogan personalizado (el lema de tu app o un anuncio corto).
    • Mostrar logo: haz clic en la palanca para mostrar u ocultar tu logotipo. Puedes subir un logo desde tu dispositivo o desde el Administrador de multimedia.
    • Imagen de portada: haz clic en el icono Agregar  para subir una imagen de portada al encabezado. También puedes agregar varias imágenes para crear una presentación de diapositivas por la que los miembros puedan desplazarse. Para las presentaciones de diapositivas, selecciona un retraso en la transición (en segundos) entre las fotos.
    • Color del tema: elige un color de tema para tu app de marca. Este color se utiliza para los botones y enlaces. También se utiliza como foto de portada predeterminada si no subes la tuya propia. También puedes pulsar el icono Agregar   en Personalizar color para elegir un color específico.
  6. (Opcional) Dependiendo de las apps de Wix que hayas instalado (por ejemplo, Wix Stores, Wix Chat) es posible que veas opciones de personalización adicionales, que incluyen:
    • Mostrar icono del carrito de compras: haz clic en la palanca para agregar un icono de carrito en la parte superior de tu aplicación, para que los miembros puedan navegar fácilmente a su carrito.
    • Mostrar icono del chat: haz clic en la palanca para agregar un icono de chat en la parte superior de tu app que dirija a los miembros a chatear contigo.
  7. Elige qué información sobre el miembro mostrar en el encabezado:
    • Mostrar número de miembros: haz clic en la palanca para mostrar u ocultar el número de miembros en el encabezado de tu app.
    • Mostrar perfil del miembro: haz clic en la palanca para mostrar u ocultar las imágenes del perfil del miembro en el encabezado de tu app.
    • Mostrar información general: activa la palanca para mostrar la información general de tu sitio a los miembros. Esto incluye elementos como enlaces a redes sociales, información de contacto y la URL de tu sitio.
    • Mostrar botón de invitación: muestra u oculta el botón que permite a los miembros invitar a más personas en tu app de marca.
    • Mostrar botón personalizado: agrega un botón personalizado y decide dónde llevar a los miembros. Por ejemplo, un botón de "Reservar ahora" podría enviar a los miembros a tu pestaña de reservas o citas.
  8. Pulsa Guardar en la parte superior derecha.

Personalizar el menú de navegación

La app de marca se compone de pantallas para ayudar a los miembros a navegar entre las diferentes áreas de tu app. Cada pantalla se agrega a un menú de navegación de forma predeterminada. Personaliza el estilo del menú y agrega iconos personalizados a cada elemento.
Captura de pantalla de un menú de navegación en la parte inferior de la app de marca con iconos personalizados

Para personalizar el menú de navegación:

  1. Ve a tu sitio en la app de Wix Owner.
  2. Pulsa Sitio y app en la parte inferior.
  3. Pulsa Personalizar en Branded App
  4. Pulsa Diseño en la parte inferior.
Captura de pantalla de la pantalla de personalización de la app de marca con Diseño seleccionado.
  1. Pulsa Navegación.
  2. Elige un estilo para el menú de navegación:
    • Barra de pestañas superior: los miembros navegan por las pantallas en la parte superior de tu app, directamente debajo del encabezado.
    • Barra de pestañas inferior: los miembros navegan por las pantallas en la parte inferior de tu app. Puedes agregar iconos personalizados para cada pantalla si seleccionas esta opción.
      • Etiquetas: haz clic en la palanca para mostrar u ocultar el nombre de la pantalla en el menú de navegación. El nombre aparece debajo del icono de la pantalla.
        Consejo: Te recomendamos incluir el nombre de pantalla por razones de accesibilidad.
      • Iconos: personaliza los iconos para el menú de navegación. Cada icono corresponde a una pantalla. Pulsa el icono Editar  junto a un icono para actualizarlo.
  3. Pulsa Guardar en la parte superior derecha.
Captura de pantalla de la personalización de los iconos del encabezado con la opción Editar icono seleccionada.

Administrar las pantallas de tu app

Actualiza las pantallas de tu app, incluida la cantidad de pantallas que deseas mostrar en el menú de navegación, el orden de las pantallas y sus nombres.

Para administrar las pantallas:

  1. Ve a tu sitio en la app de Wix Owner.
  2. Pulsa Sitio y app en la parte inferior.
  3. Pulsa Personalizar en Branded App
  4. Pulsa Pantallas en la parte inferior izquierda.
Captura de pantalla de la sección de personalización de la app de marca con la opción de navegación Pantallas seleccionada.
  1. Elige lo que quieres hacer:

Agregar elementos a las pantallas

Agrega elementos a la app de marca para mostrar quién eres, qué haces y qué ofreces a quienes se descargan tu app. Por ejemplo, si tienes un negocio de planificación de eventos, agrega un elemento de eventos para ofrecer la posibilidad de confirmar asistencia directamente desde la app.
Una vez que hayas agregado elementos a tu app, muévelos hacia arriba o hacia abajo en la misma pantalla o cámbialos a una pantalla completamente diferente. También puedes duplicar elementos, eliminar los no deseados y editar el contenido dentro de cada elemento.
Captura de pantalla de cómo agregar un elemento a tu app de marca desde el menú de la sección
Consejo:
Más información sobre cómo agregar elementos para negocios específicos como tiendas online, restaurantes y reservas.

Para agregar elementos a las pantallas:

  1. Ve a tu sitio en la app de Wix Owner.
  2. Pulsa Sitio y app en la parte inferior.
  3. Pulsa Personalizar en Branded App.
  4. Pulsa la pantalla en la que quieres agregar un nuevo elemento.
  5. Pulsa + Agregar elemento.
  6. Elige un elemento del catálogo.
Consejo:
Puedes agregar elementos independientes, como un botón, una imagen o un video de YouTube, pulsando Ítems básicos en el catálogo de elementos. También puedes enlazar un botón a un PDF descargable para dar a los miembros acceso a los archivos.
  1. Según el elemento que hayas agregado, personaliza el contenido y los ajustes.
  2. Pulsa Agregar.
    Nota: Algunos elementos se agregan automáticamente y no requieren este paso.
  3. (Opcional) Administra y personaliza aún más el elemento. Pulsa el icono Editar   y elige lo que quieres hacer:

Preguntas frecuentes

Haz clic en una de las preguntas a continuación para obtener más información sobre cómo personalizar las funciones de tu app de marca. 

Video tutorial

¿Te ha sido útil?

|