Создание пейволов с новым Paywall Builder

Представляем наш новый Paywall Builder, совместимый с Adapty SDK v3.0 и выше!

Этот продвинутый инструмент без кода делает создание пейволов более интуитивным и мощным, чем когда-либо. Вы можете легко создавать красивые, привлекательные пейволы — без технических знаний и дизайнерского опыта!

Ключевые возможности нового Paywall Builder

  • Расширенный выбор шаблонов: выбирайте из широкого набора профессионально разработанных шаблонов, чтобы быстро начать создание пейвола. Шаблоны предлагают разнообразные стили и макеты для различных потребностей и предпочтений.
  • Повышенная гибкость: больше свободы благодаря возможности использовать слои дизайна и новые элементы — карусели, карточки, списки продуктов и футеры. Эти улучшения дают вам творческую свободу для создания пейвола любого типа.
  • Обновлённые существующие элементы: существующие элементы значительно улучшены и предлагают больше опций и возможностей для воплощения ваших идей пейвола в жизнь.
  • Масштабируемость: если вы управляете несколькими приложениями, перенесите конфигурацию визуального пейвола одним кликом вместо того, чтобы строить с нуля.

Этот раздел описывает новый Paywall Builder, который работает с iOS, Android и React Native SDK версии 3.0 и выше, а также с Flutter и Unity SDK версии 3.3.0 и выше. Информацию о legacy Paywall Builder, совместимом с Adapty SDK v2.x и ниже, см. в разделе Создание пейволов с legacy Paywall Builder.

Структура пейвола

В новом Adapty Paywall Builder пейвол состоит из следующих компонентов:

  • Layout: базовый слой пейвола, задающий цвет фона и определяющий отображение продуктов и расположение верхних кнопок.
  • Hero Image: главное изображение пейвола.
  • Основная область: здесь вы можете размещать различные элементы — блок продуктов, карусели, изображения, карточки, тексты, кнопки и списки.
  • Футер: аналогично основной области, но это контейнер, который всегда закреплён в нижней части пейвола поверх основной области. Вы можете добавить столько элементов, сколько нужно — они будут расположены сверху вниз внутри футера в том же порядке, что показан на левой панели.
  • Элементы: строительные блоки, размещаемые в основной области или футере для создания пейвола. Они располагаются в том порядке, в котором отображаются на левой панели, сверху вниз. Элементы можно вкладывать друг в друга, объединять в карточки или отображать в карусели.

Как начать создавать пейвол с новым Paywall Builder

Новый Paywall Builder доступен только для iOS и Android и требует Adapty SDK v3.0 или выше. Убедитесь, что вы обновились до Adapty SDK v3.0 или выше , чтобы новые пейволы работали корректно!

Чтобы воспользоваться Adapty Paywall Builder:

  1. Откройте раздел Paywalls в главном меню Adapty.

  2. Откройте существующий пейвол или создайте новый.

  3. Перейдите на вкладку Builder & Generator.

  4. Добавьте продукты к пейволу, если ещё не сделали этого. В противном случае нажмите Build no-code paywall.

  5. Выберите шаблон и нажмите Choose или перенесите пейвол из другого приложения.

  6. Нажмите Choose, чтобы подтвердить выбор.

  7. Добавьте и настройте элементы пейвола.

Чтобы пейвол отображался, необходимо включить переключатель Show on device в Paywall Builder.

design-paywall.gif

Перенос legacy-пейволов

В настоящее время в Adapty параллельно работают две версии Paywall Builder:

  • Новая версия: расположена на вкладке Builder & Generator в разделе Paywalls дашборда Adapty. Это наиболее актуальная и гибкая версия, предоставляющая множество дизайнерских возможностей для создания идеальных пейволов.

Пейволы, созданные в этой версии, требуют Adapty SDK v3.0 или выше.

  • Legacy-версия: расположена на вкладке Legacy Builder в разделе Paywalls дашборда Adapty. Эта версия устарела и должна использоваться только для поддержки версий приложения с установленным SDK ниже v.3.х.х. Мы не рекомендуем использовать её для новых пейволов, так как она скоро будет выведена из эксплуатации.

Миграция пейвола из legacy Paywall Builder в новый означает, что в вкладке Builder & Generator будет создана новая версия вашего пейвола.

Эта версия будет доступна для редактирования в новом Paywall Builder и будет отображаться в приложениях с установленным Adapty SDK v3.0 или выше. См. Гайд по миграции на Adapty SDK v.3.x для подробной информации об обновлении Adapty SDK.

Существующая версия вашего пейвола останется на вкладке Legacy Builder. Вы по-прежнему сможете редактировать её с помощью legacy Paywall Builder, и она будет отображаться в приложениях с установленным Adapty SDK версии 2.x и ниже.

Пейволы в обоих форматах Paywall Builder будут существовать параллельно и независимо друг от друга, пока они вам нужны. Изменения в конфигурации пейвола для одной версии не влияют на конфигурацию другой.

Чтобы перенести пейвол в новый Paywall Builder:

  1. Откройте пейвол, который хотите перенести.
  2. Перейдите на вкладку Builder & Generator.
  3. Нажмите Migrate paywall.
migrate-paywall.png
  1. После завершения миграции проверьте результат и убедитесь, что пейвол выглядит так, как должен. Если нет — исправьте его.
  2. Нажмите кнопку Save.
  3. Если есть какие-либо проблемы, они будут выделены красным цветом и сразу же видны. Исправьте их и снова сохраните пейвол.
migration-issues.png

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

Элементы пейвола

Элементы, которые вы добавляете в пейвол, отображаются на левой панели окна Paywall. Порядок элементов на этой панели соответствует их порядку на пейволе.

Элементы пейвола в Adapty делятся на простые и составные:

  • Простые элементы: отдельные объекты, которые не могут содержать другие элементы. Примеры: текст, изображения, кнопки.
simple-elements.png
  • Составные элементы: могут содержать другие элементы или иметь собственную структуру. Примеры:
compound-elements.png

Дополнительные возможности, которые можно подключить:

  1. Предопределённые тег-переменные для информации о продукте
  2. Кастомные теги
  3. Кастомные шрифты
  4. Локализация

После настройки вы можете добавить пейволы в плейсменты, чтобы отображать их в мобильном приложении. Подробнее об отображении пейволов см. в статьях для конкретных платформ:

Параметры настройки

Каждый элемент можно настроить гибко:

  • Вкладка Style: настройте размер, внешний вид, цвет или изображение фона, рамку и прозрачность элемента. Для некоторых элементов, например каруселей, доступны дополнительные параметры — управление страницами и настройки слайд-шоу.
  • Вкладка Layout: задайте положение элемента и его дочерних элементов с помощью offset (смещение элемента без изменения его размера или размера родителя) или padding (смещение элемента с возможным изменением размера родителя под дочерний элемент).
  • Вкладка Contents: настройте содержимое составных элементов.

Нам важна ваша обратная связь

Ваши отзывы бесценны для нас. Если вы столкнулись с какими-либо проблемами или у вас есть предложения по улучшению, пожалуйста, свяжитесь с нами. Мы всегда готовы помочь и сделать ваш опыт работы с новым Paywall Builder ещё лучше.

📧 Свяжитесь с нами: Поддержка Adapty

Создавайте с новым Paywall Builder и выведите свою стратегию монетизации на новый уровень с нашими улучшенными инструментами и функциями!