ウィックス・アユダ・センター
    はじめに
  1. Wixのモバイルアプリケーションを使用する
  2. 顧客向けモバイルアプリケーション
  3. Personalizar tu app móvil
    4. Branded App: personalizar las funciones y el contenido de la app

Branded App: personalizar las funciones y el contenido de la app

29 min de lectura
Una vez que hayas diseñado el tema de la Branded App, personaliza el contenido y las funciones dentro de la app. Tu app de marca se compone de pantallas, 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, como una página de producto de Wix Stores, una lista de eventos o un horario de clases de Wix Bookings. Luego, personaliza aún más la pantalla con botones, imágenes, videos y más. También puedes personalizar aún más el diseño de tu app escogiendo diferentes colores y fuentes.
Elige si deseas personalizar el contenido de tu app desde el panel de control de tu sitio o descargando la app Wix Owner y personalizándola desde el dispositivo móvil. 
この記事で、以下の情報を入手できる：

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. Refleja estilo de tu negocio agregando tu logotipo, una foto de portada y un color de tema para hacer que los botones se destaquen.
Panel de control
App Wixオーナー
App Wix Studio
  1. Ve a App móvil en el panel de control de tu sitio.
  2. Haz clic en Editar app móvil. 
  3. Haz clic en Diseño a la izquierda. 
  4. En el editor web, haz clic en el encabezado de tu app para abrir el panel Editar encabezado.
Captura de pantalla del panel Editar encabezado en el editor web del panel de control.
  1. Personaliza el diseño del encabezado con las opciones disponibles:
    • Iconos: activa las palancas correspondientes para agregar iconos adicionales al encabezado.
      Nota: Según las apps de Wix que hayas instalado (por ejemplo, Wix Stores, Wix Chat), verás diferentes opciones de personalización.
    • Tipo: selecciona un diseño de encabezado para la pantalla de inicio:
7. Haz clic en 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. Puedes elegir si el menú de navegación aparece en la parte superior o inferior de tu app. Luego, personaliza el diseño agregando iconos de menú personalizados.
Panel de control
App Wixオーナー
App Wix Studio
  1. Ve a App móvil en el panel de control de tu sitio.
  2. Haz clic en Editar app móvil. 
  3. Selecciona la barra de navegación de la app. Aparece debajo del encabezado o en la parte inferior de la app.
Captura de pantalla del panel de navegación de la barra inferior en el editor web.
  1. Elige un estilo de navegación:
    • Barra de pestañas superior: los miembros navegan por las pantallas en la parte superior de la app, directamente debajo del encabezado.
    • Barra de pestañas inferior: los miembros navegan por las pantallas en la parte inferior de la 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. Se recomienda incluir el nombre de pantalla por razones de accesibilidad.
      • Iconos: personaliza los iconos en el menú de navegación. Cada icono corresponde a una pantalla. Pasa el cursor sobre un icono y haz clic en Cambiar icono para reemplazarlo.
  2. Selecciona Guardar en la parte superior derecha.

Agregar elementos a las pantallas

Los elementos conforman el contenido de tu app. Agrega elementos para mostrar quién eres, qué haces y qué ofreces a los miembros de la app. Por ejemplo, si tienes un negocio de planificación de eventos, agrega un elemento de eventos para que las personas puedan confirmar su 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.
コンセホ
Más información sobre cómo agregar elementos para negocios específicos como tiendas online, restaurantes y reservas.
Panel de control
App Wixオーナー
App Wix Studio
  1. Ve a App móvil en el panel de control de tu sitio.
  2. Haz clic en Editar app móvil. 
  3. Haz clic en Elementos a la izquierda del editor web.
  4. Navega por el catálogo y haz clic en un elemento para agregarlo a tu app.
    Consejo: En Ítems básicos, puedes agregar elementos para diseñar y organizar tu app, como botones, imágenes, líneas separadoras y videos.
Captura de pantalla del catálogo de elementos en el editor web con un carrusel de eventos seleccionado.
  1. Haz clic en el elemento en la vista previa de la app para personalizar los ajustes de visualización y contenido.
Nota:
No todos los elementos se pueden personalizar desde el editor web, y es posible que deban actualizarse desde la app Wix Owner.
Captura de pantalla de un elemento con las opciones Reordenar duplicados y Eliminar seleccionadas.
  1. (Opcional) Administra aún más el elemento con las opciones disponibles.
    Nota: Pueden aparecer diferentes opciones según el elemento que hayas agregado.
8. Haz clic en Guardar en la parte superior derecha.

Administrar las pantallas

Actualiza las pantallas de tu app, incluida la cantidad de pantallas que deseas mostrar en la barra de navegación, el orden de las pantallas y los nombres de las mismas. También puedes crear pantallas que estén ocultas del menú principal de tu app.
Panel de control
App Wixオーナー
App Wix Studio
  1. Ve a App móvil en el panel de control de tu sitio.
  2. Haz clic en Editar app móvil. 
  3. Selecciona Pantallas a la izquierda del editor web.
  4. Elige lo que quieres hacer:
Captura de pantalla del menú Más acciones junto a una pantalla en la navegación.
  1. (Opcional) Administra las pantallas de presentación e inicio de sesión de tu app de marca. Más información sobre el diseño de cada pantalla.
    1. Pantalla de presentación: 
      1. Haz clic en Presentación debajo de Pantallas del sistema.
      2. Actualiza el color del fondo y la imagen de la pantalla de presentación.
        Nota: Los cambios en la pantalla de presentación de tu app se publicarán una vez que vuelvas a enviar tu app al App Store y Google Play.
    2. Pantalla de presentación: 
      1. Haz clic en Inicio de sesión debajo de Pantallas del sistema.
      2. Edita el texto de la pantalla, el color del fondo y la imagen de inicio de sesión.
  2. Pulsa Guardar en la parte superior derecha.

Personalizar el diseño de la app

Personaliza los colores y las fuentes de tu app para que se alineen con tu marca. Selecciona un tema para la app o elige manualmente los colores y las fuentes para mostrar el diseño único de tu marca.
Panel de control
App Wixオーナー
App Wix Studio
  1. Ve a App móvil en el panel de control de tu sitio.
  2. Haz clic en Editar app móvil. 
  3. Haz clic en Diseño a la izquierda. 
  4. Elige lo que quieres personalizar:
    • Tema de colores: personaliza los colores de la app seleccionando un tema de color o elige individualmente el color primario, el fondo de la app y los iconos de texto.
    • Tema de texto: personaliza la fuente seleccionando un tema de texto o ajusta las fuentes de los encabezados y el cuerpo individualmente.
      コンセホ Haz clic en Cambiar tema de la app para elegir una combinación de colores y fuentes prediseñada.
    • Estilo del encabezado: personaliza el color del encabezado para que coincida con el color primario o el color del fondo.
  5. Haz clic en Guardar.

よくある質問

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

役に立ちましたか？

|

この記事で

  • Personalizar el encabezado
  • Personalizar el menú de navegación
  • Agregar elementos a las pantallas
  • Administrar las pantallas
  • Personalizar el diseño de la app
  • よくある質問
  • Video tutorial