Создание пейволов с новым 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 или выше iOS, Android, Flutter, React Native и Unity — гайды по миграции , чтобы новые пейволы работали корректно!
Чтобы воспользоваться Adapty Paywall Builder:
-
Откройте раздел Paywalls в главном меню Adapty.
-
Откройте существующий пейвол или создайте новый.
-
Перейдите на вкладку Builder & Generator.
-
Добавьте продукты к пейволу, если ещё не сделали этого. В противном случае нажмите Build no-code paywall.
-
Выберите шаблон и нажмите Choose или перенесите пейвол из другого приложения.
-
Нажмите Choose, чтобы подтвердить выбор.
Чтобы пейвол отображался, необходимо включить переключатель Show on device в Paywall Builder.
Перенос 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 iOS, Android, Flutter, React Native и Unity — гайды по миграции для подробной информации об обновлении Adapty SDK.
Существующая версия вашего пейвола останется на вкладке Legacy Builder. Вы по-прежнему сможете редактировать её с помощью legacy Paywall Builder, и она будет отображаться в приложениях с установленным Adapty SDK версии 2.x и ниже.
Пейволы в обоих форматах Paywall Builder будут существовать параллельно и независимо друг от друга, пока они вам нужны. Изменения в конфигурации пейвола для одной версии не влияют на конфигурацию другой.
Чтобы перенести пейвол в новый Paywall Builder:
- Откройте пейвол, который хотите перенести.
- Перейдите на вкладку Builder & Generator.
- Нажмите Migrate paywall.
- После завершения миграции проверьте результат и убедитесь, что пейвол выглядит так, как должен. Если нет — исправьте его.
- Нажмите кнопку Save.
- Если есть какие-либо проблемы, они будут выделены красным цветом и сразу же видны. Исправьте их и снова сохраните пейвол.
Вы можете переносить пейволы по одному, чтобы при необходимости проверять и исправлять каждый из них.
Элементы пейвола
Элементы, которые вы добавляете в пейвол, отображаются на левой панели окна Paywall. Порядок элементов на этой панели соответствует их порядку на пейволе.
Элементы пейвола в Adapty делятся на простые и составные:
- Простые элементы: отдельные объекты, которые не могут содержать другие элементы. Примеры: текст, изображения, кнопки.
- Составные элементы: могут содержать другие элементы или иметь собственную структуру. Примеры:
- Списки продуктов с продуктами
- Карусели с дочерними элементами
- Карточки с дочерними элементами
- Списки с элементами списка
- Блоки ссылок со ссылками внутри
Дополнительные возможности, которые можно подключить:
- Предопределённые тег-переменные для информации о продукте
- Кастомные теги
- Кастомные шрифты
- Локализация
После настройки вы можете добавить пейволы в плейсменты, чтобы отображать их в мобильном приложении. Подробнее об отображении пейволов см. в статьях для конкретных платформ:
Параметры настройки
Каждый элемент можно настроить гибко:
- Вкладка Style: настройте размер, внешний вид, цвет или изображение фона, рамку и прозрачность элемента. Для некоторых элементов, например каруселей, доступны дополнительные параметры — управление страницами и настройки слайд-шоу.
- Вкладка Layout: задайте положение элемента и его дочерних элементов с помощью offset (смещение элемента без изменения его размера или размера родителя) или padding (смещение элемента с возможным изменением размера родителя под дочерний элемент).
- Вкладка Contents: настройте содержимое составных элементов.
Нам важна ваша обратная связь
Ваши отзывы бесценны для нас. Если вы столкнулись с какими-либо проблемами или у вас есть предложения по улучшению, пожалуйста, свяжитесь с нами. Мы всегда готовы помочь и сделать ваш опыт работы с новым Paywall Builder ещё лучше.
📧 Свяжитесь с нами: Поддержка Adapty
Создавайте с новым Paywall Builder и выведите свою стратегию монетизации на новый уровень с нашими улучшенными инструментами и функциями!