header-logo
Wix LearnСовершенствуйте навыки с помощью наших курсов и учебных статей.
Wix БлогПолучайте рекомендации по веб-дизайну, маркетингу и многому другому.
Центр обучения SEOУзнайте, как увеличить органический трафик из поисковых систем.
Website developmentСоздайте собственный сайт на нашей полнофункциональной платформе.
Наймите профессионалаНайдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Настройка хедера
  • Настройка навигационного меню
  • Добавление элементов на экраны
  • Управление экранами
  • Настройка дизайна приложения
  • Часто задаваемые вопросы
  • Видеоинструкция

Мобильные приложения Wix: настройка функций и контента вашего брендированного приложения

После того как вы настроите стиль своего брендированного мобильного приложения, перейдите к настройке его контента и функций. Ваше приложение состоит из экранов, похожих на страницы сайта. Выберите количество необходимых экранов, а также то, что будет отображаться на каждом из них.
Добавляйте элементы на экраны в соответствии с потребностями вашего бизнеса, например, страницу товара Wix Stores, список Wix Events или расписание занятий Wix Bookings. Дополнительно настройте экран с помощью кнопок, изображений, видео и многого другого. Вы также можете улучшить дизайн приложения, выбрав различные цвета и шрифты.
Выберите, где настраивать контент приложения: в панели управления сайта или в приложении Wix, скачав его на смартфон.

Настройка хедера

Заголовок мобильного приложения отображается на главном экране. Это первый элемент, который пользователи видят после входа в приложение. Настройте его стиль для своего бизнеса, добавив логотип, обложку и основной цвет, чтобы выделить кнопки и акценты.
  1. Перейдите в раздел Мобильное приложение в панели управления сайта.
  2. Нажмите на вкладку Ваше мобильное приложение или на вкладку с названием вашего мобильного приложения.
  3. Нажмите Редактировать мобильное приложение.
  4. В Конструкторе мобильных приложений нажмите на хедер приложения, чтобы открыть панель Редактировать хедер.
Скриншот панели редактирования хедера в веб-редакторе в панели управления.
  1. Настройте дизайн хедера, используя доступные параметры товара:
    • Иконки: Активируйте соответствующие переключатели, чтобы добавить иконки в хедер.
      Примечание: В зависимости от установленных приложений Wix (например, Wix Stores, Wix Chat) вы можете увидеть разные параметры товара.
    • Тип: Выберите дизайн хедера для главного экрана:
6. Нажмите Сохранить в правом верхнем углу.

Настройка навигационного меню

Ваше мобильное приложение состоит из экранов, а навигационное меню помогает посетителям перемещаться между ними. Вы можете разместить меню навигации в верхней или нижней части приложения и настроить его дизайн, добавив специальные значки меню.
  1. Перейдите в раздел Мобильное приложение в панели управления.
  2. Нажмите на вкладку Ваше мобильное приложение или на вкладку с названием вашего мобильного приложения.
  3. Нажмите Начать или Редактировать мобильное приложение.
  4. Нажмите на панель навигации вашего приложения. Она находится либо под хедером, либо в нижней части приложения.
Скриншот нижней панели навигации в веб-редакторе.
  1. Выберите макет навигации:
    • Верхняя панель вкладок: пользователи переключаются между экранами в верхней части приложения прямо под хедером.
    • Нижняя панель вкладок: пользователи переключаются между экранами в нижней части приложения. Если вы выберете этот вариант, вы сможете добавить свои иконки для каждого экрана.
      • Этикетки: активируйте переключатель, чтобы показать или скрыть название экрана в меню навигации. Название отображается под иконкой экрана. Рекомендуется указывать название экрана для обеспечения специальных возможностей.
      • Иконки: настройте иконки в меню навигации. Каждая иконка соответствует экрану. Наведите на иконку и нажмите Изменить иконку, чтобы заменить ее.
  2. Нажмите Сохранить в правом верхнем углу.

Добавление элементов на экраны

Элементы — это строительные блоки контента вашего приложения. Используйте их, чтобы рассказать о себе, своей деятельности и предложениях для пользователей приложения. Например, если вы занимаетесь организацией мероприятий, вы можете добавить элемент событий, чтобы люди могли записываться прямо из приложения.

После добавления элементов вы можете легко перемещать их вверх или вниз на одном экране или переносить на другой. У вас также есть возможность создавать копии элементов, удалять ненужные и редактировать контент внутри каждого элемента.
Совет:
Подробнее о добавлении элементов для определенных видов бизнеса, таких как интернет-магазины, рестораны и онлайн-запись.
  1. Перейдите в раздел Мобильное приложение в панели управления.
  2. Нажмите на вкладку Ваше мобильное приложение или на вкладку с названием вашего мобильного приложения.
  3. Нажмите Начать или Редактировать мобильное приложение.
  4. Нажмите Элементы слева.
  5. Просмотрите каталог и нажмите на элемент, чтобы добавить его в приложение.
    Совет: в разделе Базовые элементы можно добавить элементы для дизайна и организации приложения, такие как кнопки, изображения, разделительные линии и видео.
Скриншот каталога элементов в веб-редакторе с выбранной каруселью событий.
  1. Нажмите на элемент в превью приложения, чтобы настроить параметры его отображения и контента.
Скриншот элемента с выбранными параметрами изменения порядка, создания копии и удаления.
Примечание:
Не все элементы можно настроить в Конструкторе мобильных приложений. Некоторые элементы может потребоваться обновить в приложении Wix или приложении Wix Studio.
  1. (Необязательно) Управляйте элементом с помощью доступных параметров:
    Примечание: доступные параметры зависят от добавленных элементов.
8. Нажмите Сохранить в правом верхнем углу.

Управление экранами

Обновите экраны нативного приложения, включая общее количество экранов, которые вы хотите отображать в панели навигации, порядок экранов и их названия. Вы также можете создавать экраны, скрытые из главного меню приложения.
  1. Перейдите в раздел Мобильное приложение в панели управления.
  2. Нажмите на вкладку Ваше мобильное приложение или на вкладку с названием вашего мобильного приложения.
  3. Нажмите Начать или Редактировать мобильное приложение.
  4. Нажмите Экраны слева.
  5. Выберите действие:
Скриншот меню «Другие действия» рядом с экраном в навигации.

Настройка дизайна приложения

Персонализируйте цвета и шрифты своего брендированного мобильного приложения в соответствии с вашим брендом. Выберите стиль приложения или подберите цвета и шрифты вручную, чтобы подчеркнуть уникальный дизайн вашего бренда.
  1. Перейдите в раздел Мобильное приложение в панели управления.
  2. Нажмите на вкладку Ваше мобильное приложение или на вкладку с названием вашего мобильного приложения.
  3. Нажмите Начать или Редактировать мобильное приложение.
  4. Нажмите Дизайн слева.
  5. Выберите, что вы хотите настроить:
    Совет: нажмите Изменить стиль приложения, чтобы выбрать готовое сочетание цветов и шрифтов.
    • Цветовая схема: настройте цвета приложения, выбрав цветовую схему, или укажите основной цвет, фон приложения и текстовые иконки по отдельности.
    • Текстовая схема: настройте шрифт, выбрав текстовую схему, или отрегулируйте шрифты для заголовков и основного текста по отдельности.
    • Стиль хедера: настройте цвет хедера в соответствии с основным цветом или цветом фона.
  6. Нажмите Сохранить.

Часто задаваемые вопросы

Нажмите на вопрос ниже, чтобы узнать больше о настройке функций вашего собственного брендированного мобильного приложения.

Видеоинструкция

Helpmate

Привет,

Нужны дополнительные рекомендации?
Unlock personalized helpLog in to get the most out of Helpmate.