Создание пейвола с переключателем пробного периода

Переключатель пробного периода позволяет переключать пейвол между продуктами с бесплатным пробным периодом и без него. Но сам переключатель — это просто выключатель: включён или выключён. Вы сами задаёте правила, которые показывают нужные карточки и определяют, какой продукт выбран.

В этом гайде показано, как задать эти правила и собрать полноценный пейвол с переключателем.

Перед началом работы

Создайте экран пейвола — например, следуйте рецепту Создание базового экрана пейвола.
Создайте продукты и добавьте к ним триальное предложение.

Important

Если вы хотите сделать триал опциональным (что необходимо для использования переключателя триала), не создавайте introductory offer. На iOS introductory offers применяются автоматически для каждого подходящего пользователя. Отключить их невозможно. Используйте вместо этого promotional offer. См. Как Adapty работает с офферами.

1. Добавьте карточки продуктов

Нажмите меню + > Paywall & Commerce > Products и выберите пресет.
Выделите карточку — на холсте или в панели Layers. Назначьте продукт карточке, а поле Select offer (optional) оставьте пустым.
Повторите для каждого тарифного плана — по одной карточке на план, без пробного периода.
Продублируйте каждую карточку. На каждой копии выберите пробное предложение в поле Select offer (optional).

Теперь у каждого плана есть две карточки, указывающие на один и тот же продукт — одна с предложением, другая без.

Четыре карточки продуктов на холсте — годовой и месячный, каждый с пробным периодом и без — все отображаются до того, как заданы какие-либо правила видимости

2. Добавьте переключатель пробного периода

Нажмите + > Paywall & Commerce > Trial Toggle.
Убедитесь, что переключатель входит в группу выбора правильного типа. Нажмите на пустую область холста, чтобы открыть Screen settings. В разделе Selectable groups откройте trial_toggle, установите Group Type в значение Toggle и нажмите Save. В диалоге отобразится переменная, которую мы будем использовать для определения состояния переключателя: trial_toggle.isActive.
Отредактируйте метку переключателя.

Оставьте переключатель выключенным по умолчанию. Предварительно включённый переключатель триала может привести к отклонению в App Store как тёмный паттерн — см. Переключатели.

3. Показ нужных карточек для каждого состояния переключателя

На вкладке Design каждой карточки в разделе Visibility выберите Conditional и настройте условие:

Карточка	Условие
С пробным периодом	`trial_toggle.isActive` Equals True
Без пробного периода	`trial_toggle.isActive` Equals False

The Yearly_notrial card selected with Visibility set to Conditional and the Show element if popover showing trial_toggle.isActive Equals False

4. Выбирайте видимую карточку при переключении тогла

Карточки теперь меняются вместе с тоглом, но выбранный продукт — нет. Карточка, которая становится невидимой, остаётся выбранной, и действие Purchase по-прежнему направлено на неё — то есть пользователь, включивший пробный период, всё равно может быть списан.

Добавьте Conditional Action к тоглу, чтобы при каждом нажатии выбор сбрасывался на видимую карточку.

На панели Layers выберите контейнер Trial toggle.
Откройте вкладку Interactions, добавьте триггер On tap и Conditional Action:

Блок	Что настроить
if	`trial_toggle.isActive` Equals True
then	Select Product, указывающий на карточку с триалом
else	Select Product, указывающий на тот же продукт без триала

Триггер On Tap переключателя с условным действием: trial_toggle.isActive Equals True выбирает одну карточку, ветка else — другую

5. Обновите надпись на кнопке

Призыв к действию должен меняться, когда пробный период включён.

Выберите текстовый элемент кнопки.
На вкладке Design в разделе Content выберите Conditional и нажмите Edit conditions.

Заполните блоки:

Блок	Что настроить
if	`trial_toggle.isActive` Equals True
then	Текст для пробного периода, например `Start your free trial`
else	Стандартный текст, например `Purchase`

Подробнее об условном тексте читайте в разделе Добавить условный текст.