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

Начало работы с настраиваемыми виджетами в мобильных приложениях Wix

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

Создавайте любой пользовательский интерфейс с помощью мощной кроссплатформенной дизайн-системы Wix для iOS и Android. Создавайте настраиваемые виджеты с нуля или расширяйте основную функциональность приложения с помощью решений Wix, таких как Wix Stores, Wix Bookings и Wix Events. Используйте редактор с функцией перетаскивания, чтобы настраивать виджеты, подключать динамический контент с помощью Wix CMS и добавлять расширенные возможности с помощью JavaScript через Velo by Wix.
Скриншот нативного приложения с настраиваемыми мобильными виджетами.
Пример:
Создайте приложение для своей спортивной лиги с помощью решений Wix, например, Wix Групп для общения в команде и Марафонов для тренировок на дому, а также настраиваемых виджетов, отображающих результативность лиг и статистику участников.

Создание настраиваемых виджетов

Используйте конструктор виджетов, чтобы создавать настраиваемые виджеты с учетом потребностей вашего приложения. После публикации виджета вы можете разместить его на любом экране в своем нативном мобильном приложении.
Примечание:
В настоящее время вы можете создавать настраиваемые виджеты для нативного мобильного приложения только в том случае, если ваш сайт создан в редакторе Studio.
Скриншот конструктора мобильных виджетов, который используется для создания настраиваемых виджетов для вашего нативного мобильного приложения.

Чтобы создать настраиваемые виджеты:

  1. Перейдите во вкладку Мобильное приложение в панели управления сайтом.
  2. Перейдите во вкладку с названием вашего собственного мобильного приложения. 
  3. Нажмите Изменить моб. приложение
  4. Нажмите Настраиваемые виджеты слева.
  5. Нажмите Перейти в конструктор виджетов
  6. Создайте собственный виджет, добавив элементы, организовав слои и код для расширенной функциональности.
  7. (Необязательно) Нажмите + Добавить виджет, чтобы создать дополнительные виджеты. 
  8. Нажмите Опубликовать, чтобы ваш виджет стал доступен и был готов к размещению в любом месте вашего приложения.
  9. Выберите, что вы хотите сделать:
    • Отредактируйте приложение: вернитесь в конструктор мобильных приложений.
      • В конструкторе мобильных приложений нажмите на раскрывающийся список Экран вверху и выберите экран, на который хотите добавить виджет. 
      • Нажмите Настраиваемые виджеты слева.
      • Наведите курсор на виджет и нажмите значок Добавить , чтобы разместить его на экране.
    • Ясно: оставайтесь в конструкторе виджетов.
  10. Нажмите Сохранить и опубликовать, чтобы опубликовать все изменения, внесенные в приложение.
Общайтесь с сообществом
Скачайте наше приложение для сообщества, чтобы общаться с другими профессионалами и максимально эффективно использовать конструктор мобильных виджетов. Здесь вы можете задавать вопросы, получать полезные советы, делиться опытом с другими экспертами, а также находить учебные материалы — примеры, инструкции и руководства, которые помогут вам с уверенностью создавать настраиваемые виджеты.

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

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