Все коллекции
Onboarding.Online FAQ
Design customization
Base elements customization
Web2App: Добавление блока с ссылками Terms and Conditions и Privacy Policy Links на экраны веб-онбординга
Web2App: Добавление блока с ссылками Terms and Conditions и Privacy Policy Links на экраны веб-онбординга
В
Автор: Валерия Зимницкая
Обновлено на этой неделе

В этой статье мы расскаже как добавить в футер текст с ссылками на Условия использования (TC) и Политику конфиденциальности (PP) на ваши экраны веб-онбординга:

Добавление футера с ссылками

Обратите внимание, что этот фид футера применяется только для Web2App-онбординга. В настоящее время SDK для iOS не поддерживает его.

  1. Откройте проект - Убедитесь, что вы находитесь в правильном проекте, где вы намерены создать веб-онбординг.

2. Создайте или откройте онбординг - Если вы еще не создали онбординг, сделайте это. В противном случае откройте существующий экран онбординга, на который вы хотите добавить блок с ссылками на TC и PP.

3. Выберите нужный экран - Добавьте экран (если он еще не добавлен) и нажмите на экран, на который вы хотите добавить текст с TC и PP.

4. Редактирование экрана - Нажмите на значок карандаша, чтобы открыть экран редактирования.

5. Выберите платформу "Web" - На экране редактирования выберите опцию 'Web' из выпадающего меню "Platforms" в правой боковой панели.

6. Добавьте 'Web footer' - Найдите раздел 'Web footer' и нажмите кнопку Add. Это добавит блок с Условиями использования на ваш экран.

Появится блок с ссылками:

Здесь вы можете изменить текст в текстовом блоке и ссылки, добавить, удалить и отредактировать ссылки, а также настроить параметры текста и ссылок.

Настройка Footer

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

1.Редактирование текста в блоке

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

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

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

Вы можете настроить: Тип шрифта, Размер шрифта, Цвет шрифта, Вес шрифта, Высоту шрифта, Цвет фона текста, Отступы текста

Эти настройки будут применяться как к тексту, так и к ссылкам.

Полное руководство по настройке текста доступно здесь.

Настройка ссылок

1.Редактирование текста ссылки

Введите желаемый текст между тегами, чтобы изменить текст ссылки. Например, добавление 'Это Условия использования' между тегами <TermsOfCondition></TermsOfCondition> сделает весь текст кликабельной ссылкой.

2. Настройка дизайна отдельной ссылки

Нажмите на значок настроек

Перейдите к блоку 'Labels'.

Здесь вы можете настроить текст каждой ссылки отдельно. Включите чекбокс для настройки конкретных значений. Если чекбокс отключен, настройки всего текстового блока (описанные ваше) будут применены к этому тексту ссылки.

3. Редактирование URL ссылок

Нажмите на значок настроек, чтобы увидеть блок 'Links'.

Здесь вы можете вставить любой URL, который вы хотите. Пользователи будут перенаправлены на указанный URL при нажатии на ссылку.

Добавление или удаление ссылок

1.Добавление новой ссылки

1.1 Откройте настройки - Нажмите на значок настроек.

1.2 Добавьте 'Label':

В разделе 'Labels' нажмите кнопку Add

Введите текст метки и нажмите Add.

При необходимости настройте стиль текста ссылки.

1.3. Добавление URL ссылки

В разделе 'Links' нажмите Add

Введите имя метки (такое же, как в разделе 'Labels') и URL, затем нажмите Add.

Ссылка добавлена:

1.4. Вставка тега в текст

Добавьте тег в текст, используя шаблон: <labelName>Текст ссылки</labelName>. Например, <newLink>Онбординг Онлайн</newLink>.

2. Удаление ссылок или меток

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

Удаление блока Условий использования из футера

  1. Выберите нужный экран - Нажмите на экран, на который вы хотите добавить метку TC и PP.

  2. Редактирование экрана - Нажмите на значок карандаша, чтобы открыть экран редактирования.

  3. Выберите платформу "Web" - На экране редактирования выберите опцию 'Web' из выпадающего меню "Platforms" в правой боковой панели.

  4. Удаление блока - Найдите раздел 'Web footer' и нажмите кнопку DELETE. Это удалит блок с ссылками с вашего экрана.

Нашли ответ на свой вопрос?