Блоки

Справочник по каждому блоку, который можно добавить из вкладки Elements в веб-контенте и в веб-форме.

Как настраивать блоки

1. Откройте вкладку Elements справа.

2. Перетащите плитку на попап или кликните по ней, чтобы добавить ее на страницу.
   • Клик вставляет блок под выделенным элементом на холсте.
   • Если ничего не выделено, блок добавляется в конец первого раздела страницы.
3. Выделите блок на попапе, чтобы открыть вкладку Settings (рядом с Elements). При добавлении блока из Elements вкладка Settings открывается сразу.

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

Во вкладке Settings вы можете:

• Настроить собственные опции блока
• Переместить его вверх или вниз в пределах раздела с помощью POSITION (стрелки вверх и вниз)
• Удалить его с помощью иконки удаления

Примечание

Когда в разделе попапа еще нет элементов, в нем отображаются собственные элементы управления + Text и + Button. Чтобы вместо них добавить туда Icon, Countdown, Topic picker или Rating:

1. Добавьте элемент с помощью элемента управления + Text или + Button.
2. Выделите его.
3. Добавьте блок из вкладки Elements. Он появится в том же разделе, под выделенным элементом.

Общие блоки

Блоки Text, Button и Icon доступны и в веб-контенте, и в веб-формах.

Текст

Кликните по любому тексту или надписи на кнопке на попапе, чтобы отредактировать их на месте. Над ними появится панель инструментов:

• Применить жирное, курсивное или подчеркнутое начертание.
• Добавить или удалить ссылку.
• Установить выравнивание по левому краю, по центру или по правому краю.

Чтобы изменить стиль текста:

1. Выделите текст и откройте вкладку Settings справа.

2. Выберите стиль:

   • Icon: стиль текста, а не блок Icon.
   • Eyebrow
   • Heading 1–3
   • Body
   • Caption
   

Кнопка

Кликните по кнопке, чтобы выделить ее, затем откройте вкладку Settings справа:

• Button style: Primary или Secondary.
• Action:
  • Open a link: введите Link URL. New tab включено по умолчанию. Снимите флажок, чтобы открывать ссылку в той же вкладке.
  • Close the popup.
  • Subscribe: запросить разрешение на веб-пуши и подписать посетителя. Это действие доступно только в веб-контенте. У кнопки в веб-форме есть остальные три действия. Это не блок Subscription form для email. Если разрешение получено, попап закрывается. Если в разрешении отказано, кнопка становится неактивной, потому что браузер не запрашивает разрешение дважды.
  • Go to page: выберите другую страницу попапа, на которую нужно переключиться. Эта опция появляется, когда в попапе больше одной страницы. См. Несколько страниц.

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

Иконка

Добавьте блок Icon, чтобы разместить небольшую пиктограмму (например, знак процента для распродажи или подарок для розыгрыша) рядом с текстом. Это блок Icon, а не стиль текста Icon из раздела Текст.

1. Откройте вкладку Elements справа.
2. Кликните Icon.
3. Задайте опции во вкладке Settings:

• Icon: выберите одну из фиксированного набора из 20 иконок (bell, gift, cart, chart, lock, calendar, check, star, clock, tag, mail, phone, download, play, shield, sparkle, percent, truck, ticket, user). Загрузка своих иконок не поддерживается.
• Size: 24, 32 или 48 px.
• Accent: включено по умолчанию, поэтому иконка совпадает с акцентным цветом попапа. Отключите, чтобы выбрать свой цвет.

Блоки веб-контента

Блоки Countdown, Topic picker и Rating есть только в веб-контенте. В веб-форме их нет. Некоторые шаблоны из галереи шаблонов веб-контента уже содержат эти блоки. Блок Subscription form нельзя добавить в новый контент, но в веб-контенте, где он уже есть, его можно редактировать. См. Форма подписки.

Обратный отсчет

Добавьте блок Countdown, чтобы создать ощущение срочности с помощью дедлайна, отсчет до которого идет на попапе в реальном времени.

1. Откройте вкладку Elements справа.
2. Кликните Countdown.
3. Задайте опции во вкладке Settings:

• Deadline: дата и время, когда обратный отсчет достигнет нуля.
• Time zone: часовой пояс, в котором считывается дедлайн, а не часовой пояс посетителя. По умолчанию используется часовой пояс вашего браузера; выберите в списке UTC, чтобы дедлайн считывался буквально.
• Language: язык подписей единиц времени (дни, часы и т. д.). Оставьте English (default) или выберите один из 14 других языков.
• Labels: включите, чтобы показывать подписи единиц времени рядом с числами.
• When the deadline passes:
  • Show zeros: обратный отсчет продолжает показывать 00:00:00.
  • Do not show the popup: попап целиком не показывается, если дедлайн уже прошел. Pushwoosh проверяет дедлайн непосредственно перед тем, как попап должен появиться. Попап, пропущенный таким образом, не учитывается в частоте Once per visitor.
  • Go to page: переход на другую страницу попапа, когда дедлайн прошел. Доступно, только если в попапе больше одной страницы. Выберите целевую страницу в появившемся выпадающем списке. См. Несколько страниц.

Выбор тем

Добавьте блок Topic picker, чтобы посетители могли сами выбрать интересы в виде чекбоксов или чипов. Их выбор записывается в тег на их устройстве.

1. Откройте вкладку Elements справа.
2. Кликните Topic picker. Блок появится с двумя опциями-заглушками. Его настройки откроются во вкладке Settings.

3. В List tag the choice is written to выберите существующий тег типа List или выберите Create a list tag, чтобы создать его, не выходя из редактора. Пока вы не выберете тег, блок ничего не записывает.

4. Установите Control в значение Checkboxes или Chips.

5. Задайте Minimum picks и Maximum picks. 0 с любой стороны означает отсутствие ограничения с этой стороны (0 = any в подписях полей). Для отправки всегда нужен хотя бы один выбор, даже если Minimum равен 0. Если выбрать больше максимума или попытаться отправить меньше минимума, рядом с блоком появится сообщение, и ничего не будет отправлено.

   

6. В разделе Options and copy отредактируйте подпись каждой опции (то, что видит посетитель) и Tag value (то, что записывается в тег). Если оставить Tag value пустым, Pushwoosh запишет внутренний ID опции (option-1, option-2 и т. д.). Используйте + Option, чтобы добавить еще одну строку, всего до 12 опций.

   

7. Задайте Button label (по умолчанию Save) и Message after sending (по умолчанию Thanks! Your choice is saved.).

   

Выбор только добавляется и никогда не удаляется

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

Оценка

Добавьте блок Rating, чтобы собрать быструю оценку (NPS, звезды или лайк/дизлайк) в виде кастомного события.

1. Откройте вкладку Elements справа.
2. Кликните Rating. Блок появится без выбранного события. Его настройки откроются во вкладке Settings.

3. Установите Scale в значение NPS 0–10, Stars (от 1 до 5) или Thumbs (вверх или вниз). Во всех трех случаях более высокая оценка означает более положительный отзыв. Thumbs отправляет 1 за лайк и 0 за дизлайк.
4. Установите When the score is sent в значение On tap (оценка отправляется, когда посетитель выбирает значение) или With a button (ожидается нажатие кнопки отправки).
5. В Event the score is sent as выберите событие из вашего проекта или выберите Create an event, чтобы создать новое, не выходя из попапа. Оценка сохраняется как это событие (атрибуты score, scale и slotKey). Используйте его в сегментах или джорни, как любое другое событие. Пока вы не выберете событие, блок ничего не отправляет.
6. При желании заполните Left label и Right label на двух концах шкалы.
7. Если для When the score is sent выбрано With a button, задайте Button label (по умолчанию Send rating).

Событие, созданное здесь, остается навсегда

• Событие, которое вы создаете из этого меню, — это настоящее событие в вашем проекте, а не черновик. Чтобы потом удалить его, нужно перейти в список событий проекта, а не просто изменить попап.
• Если событие, привязанное к блоку, позже переименовано или удалено в другом месте либо было введено в это поле до того, как оно стало селектором, селектор показывает Missing: <имя события>. Он не удаляет и не подменяет событие молча. Выберите другое событие, чтобы исправить привязку.

Форма подписки

Блок Subscription form связывает попап с формой подписки из Audience → Subscription forms.

• Блока нет во вкладке Elements, поэтому редактировать его можно только в веб-контенте, где он уже есть.
• Чтобы собирать email-адреса и другие поля в новом контенте, создайте вместо этого веб-форму.
• Для запроса разрешения на веб-пуши используйте кнопку с действием Subscribe.

Чтобы отредактировать блок, выделите его на попапе. Его настройки откроются во вкладке Settings.

Выбор источника формы

Когда блок выделен, во вкладке Settings отображается выпадающий список Subscription form, который связывает блок с формой подписки в вашем проекте. Можно создать новую форму или выбрать существующую:

Опция	Когда использовать
New form — created on save (по умолчанию)	Самый быстрый старт: Pushwoosh создает форму за вас при сохранении попапа с названием «имя попапа — web popup».
+ Create new form…	Вы хотите назвать форму и настроить ее до сохранения попапа. Открывается диалоговое окно New subscription form. Введите Name, настройте Fields, текст Submit и Privacy, затем нажмите Create.
Существующая форма из выпадающего списка	Повторное использование формы, у которой уже есть подписчики или настроен double opt-in.

Важно

Если вы выберете существующую форму из выпадающего списка, сохранение этого попапа обновит эту форму подписки для всего проекта. Поля, текст кнопки отправки и сообщения об успехе, заданные в этом блоке, заменят то, что было в форме раньше. Это касается и формы, встроенной на вашем сайте, и формы в Audience → Subscription forms.

Другие веб-попапы, использующие ту же форму, не обновляются. Каждый попап хранит свою копию полей и текстов блока, пока вы не откроете этот попап и не сохраните его снова.

Настройка полей и поведения при отправке

Все еще во вкладке Settings:

1. Задайте Submit button style:
   • Primary: залитая кнопка в цвете Accent попапа. Лучше всего подходит, когда Subscribe — основное действие на странице.
   • Secondary: кнопка с контуром и надписью акцентного цвета. Лучше всего подходит, когда на попапе уже есть основная кнопка или нужен более легкий вид.
2. Включите Privacy, чтобы добавить под формой строку о согласии с политикой конфиденциальности, затем введите URL вашей политики конфиденциальности в появившемся поле.

3. В разделе Fields оставьте Email (всегда обязательное) и добавьте First name, Last name, Phone или Custom.
   • Для поля Custom выберите тег, в который отправляется его значение, в выпадающем списке Pick a tag… или выберите Create a tag, чтобы создать новый строковый тег, не выходя из редактора.
   • Задайте тексты Success и Confirm email, которые показываются после того, как посетитель отправил форму.

Блоки веб-формы

Блоки Email input, Tag input, Consent и Submit есть только в веб-формах. О том, как работает форма и как ее сохранить, см. Веб-формы.

Примечание

Тексты блока, включая сообщения об ошибках, показываются посетителям точно в том виде, в котором вы их ввели. Пишите их на языке вашего сайта.

Email input

Поле, в которое посетитель вводит email-адрес. Оно всегда обязательное.

1. Задайте Label и Placeholder: подпись поля и подсказку внутри пустого поля. По умолчанию — Email и you@example.com.

2. Отредактируйте Invalid email text — текст, который показывается, если адрес введен некорректно или Pushwoosh его отклонил. По умолчанию — Enter a valid email.

3. Отредактируйте Required field text — текст, который показывается, если поле пустое. По умолчанию — Required.

   

Форме с Email input также нужен блок Consent с URL политики конфиденциальности.

Tag input

Текстовое поле, ответ в котором сохраняется в тег на устройстве посетителя. Редактор формы не умеет создавать теги, поэтому создайте тег в Audience → Tags до того, как добавите поле.

1. В Tag выберите существующий тег. В списке показываются только теги типа String, по ним можно искать, вводя текст. Каждый тег можно использовать в одном поле формы.

2. Задайте Label и Placeholder.

3. Выберите Required, если посетитель обязан заполнить поле, и при необходимости отредактируйте Required field text.

   

Форма не может записывать теги, названия которых начинаются с PW_FF_.

Consent

Чекбокс со ссылкой на вашу политику конфиденциальности. Если в форме несколько чекбоксов согласия, для отправки посетитель должен отметить их все.

1. Задайте Checkbox text и Link text: текст перед ссылкой и саму ссылку. По умолчанию — I agree to the и privacy policy.

2. В Privacy policy URL укажите страницу, которую открывает ссылка: полный адрес https:// или путь на вашем сайте, начинающийся с /.

   

3. Отредактируйте Consent required text — текст, который показывается, если посетитель отправляет форму, не отметив чекбокс. По умолчанию — Please accept the privacy policy.

Submit

Кнопка, которая отправляет форму.

1. В Button style выберите Primary или Secondary.

2. Отредактируйте Button text. По умолчанию — Submit.

3. Отредактируйте Submit error text — текст, который показывается, если отправка не удалась, например из-за сетевой ошибки. Посетитель может отправить форму снова. По умолчанию — Something went wrong. Please try again.