СОЗДАНИЕ МЕХАНИК ДЛЯ САЙТА:
опрос об удобстве сайта для тех,
кто посещал сайт более 5 раз
Задача:
Сделать небольшую форму-опрос для тех, кто часто посещает сайт
- в форме спросить общую оценку удобства сайта и собирать комментарии или пожелания на 2 шаге
- форма должна показываться только тем, кто посещал сайт более 5 раз
- исключить показ формы при переходе с utm_medium = cpa и на странице корзины
- данные с формы передавать в Mindbox в карточку клиента
- после заполнения формы отправлять емейл с данными опроса, чтобы отслеживать комментарии посетителей
- показывать форму не чаще, чем раз в 30 дней одному посетителю сайта
- показывать форму через 30 секунд на сайте, а не сразу


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


Шаг 2. Адаптируйте шаблон под сайт
Возьмите вот этот шаблон

В нем в меню слева пройдитесь по всем вкладкам:

1. Подставьте нужные тексты
Тексты утвердите с клиентом или сделайте форму со своим предложением
Если в тексте нужен перенос строки используйте тег в поле ввода на месте переноса <br>:
2. Загрузите картинки на вкладке КАРТИНКИ И ИКОНКИ (по желанию)
Можете добавить фоновую картинку или заменить смайлы на свои в стилистике сайта (5 штук) на вкладке КАРТИНКИ И ИКОНКИ

3. Откорректируйте размеры и отступы элементов
Во вкладках РАЗМЕРЫ (DESKTOP), РАЗМЕРЫ (MOBILE), ОТСТУПЫ (DESKTOP), ОТСТУПЫ (MOBILE) откорректируйте размеры формы и отступы между элементами.
При выборе размеров рекомендуем ставить масштаб 100%.
При корректировке размеров обращайте особое внимание на мобильную версию формы:

4. Подберите шрифты для формы
Во вкладе ШРИФТЫ: НАСТРОЙКИ ОБЩИЕ (1) вы можете выбрать шрифт из предложенных или использовать свой с сайта.
(2) Шрифт формы из списка предложенных, будет сразу отображаться в превью и на сайте.
(3) Если на вашем сайте используется уникальный шрифт и вы бы хотели его же использовать, поставьте галочку "Использовать свой шрифт?"
(4) В поле "Свой шрифт" вы можете ввести шрифт, точно так же, как он прописан на вашем сайте, где будет показываться форма.
Зайдите на свой сайт, нажмите правой кнопкой мыши на текстовом поле – Посмотреть код
Копируйте его полностью в это поле.

Обратите внимание!
Шрифт в форме будет подгружаться с сайта, но в превью может отображаться некорректно, из-за того, что на сайте самого личного кабинета этого уникального шрифта может не быть. Поэтому тестируйте отображение шрифта по тестовой ссылке
5. Подберите цвета для формы
Во вкладе ЦВЕТА ФОРМЫ выберите подходящие цвета.
Рекомендуем для подбора цвета с формы использовать расширение для браузера Eye Dropper
Или же использовать номер цвета с брендбука компании.

6. Определите расположение формы на экране
По умолчанию форма показывается посредине экрана и фон вокруг затемняется (на вкладке Поведение есть уровень затемнения формы)
Но вы можете изменить место расположения формы на экране настройками, которые находятся под превью формы.

Обратите внимание на чекер устройств.
По умолчанию на мобайле и планшете применяются такие же условия, как и на десктопе.
Но измените настройки, особенно, если вы используете отступы на десктопе (чтобы на мобайле форма не улетела за края экрана из-за отступов)

Шаг 4. Создайте тестовую ссылку и проверьте форму

Сохраните форму.
Нажмите "Проверить форму на сайте".
Введите или выберите домен, где будет показываться форма.
Сервис автоматически сгенерирует тестовую ссылку, по которой будет показываться форма на вашем сайте только для вас.
Ссылка формата: http://faq.popmechanic.io?pm-test-form=47ea86ccbf3dd61076ae652dc06e5b30df59dffc45ddb176c02075bbfc4d7a17
Скопируйте эту ссылку и проверьте отображение формы на сайте.
Рекомендуем отправить её себе и проверить так же на мобильных устройствах.
Отправьте эту тестовую ссылку клиенту, коллегам для проверки внешнего вида формы.
Шаг 5. Кнопка вызова формы

При желании вы можете под форму создать небольшой ярлык сбоку экрана, который будет открывать форму.
Нажмите "Пропустить", если этот пункт не нужен.
Для этой формы можно сделать ярлык сбоку внизу, который будет разворачивать окно с отзывами.
Детальнее о кнопке вызова по ссылке

Шаг 6. Настройки таргетинга: кому показывать форму
Условия, которые нужны:
1) форма должна показываться только тем, кто посещал сайт более 5 раз
2) исключить показ формы при переходе с utm_medium = cpa
3) исключить показ формы на странице корзины
4) показывать форму не чаще, чем раз в 30 дней одному посетителю сайта

1) Добавьте условие - Посещенные страницы/посещения
Посещение сайта – Больше или равно 5:
2) Добавьте условие – Трафик – UTM-medium – не содержит – cpa:
3) Добавьте условие – Страницы – не содержит – cart или ваше любое значение, где нужно исключить показ:
4) Редактируйте условие – Действие с формами – Форма показана – Текущая форма – Как минимум 30 дней назад:
Обратите внимание!
Визиты сайта считаются с момента установки скрипта Popmechanic на сайте. То есть, если вы установили скрипт на сайте день назад, то данные о просмотрах будут только с этого периода
Шаг 7. Условия показа формы

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

Детальнее об условиях показа
Шаг 8. Настройка интеграции

Для этой формы по условиям задачи нужно:
1) данные с формы передавать в Mindbox в карточку клиента
2) после заполнения формы отправлять емейл с данными опроса, чтобы отслеживать комментарии посетителей
1) Чтобы данные с формы передавать в Mindbox в карточку клиента вам нужно следовать этой инструкции
Обратите внимание, поскольку мы показываем форму не по сегменту Mindbox, то и не у каждого посетителя, который заполнил форму есть карточка клиента в Mindbox, а значит часть данных будет передаваться некорректно. Потому как есть посетители, которые не являются клиентами и их профиля нет в Mindbox.
Что нужно сделать:
- создать 2 дополнительных поля в Mindbox, чтобы записывать данные с опроса в карточку клиента:

- создать в Mindbox 2 операции: для поиска клиента по UUID и для записи данных опроса
Назовем их как в инструкции ClientSearchBydeviceUUID и SurveyResults

- добавляем интеграцию для нашей формы MindBox - по uuid
В ней заполнить поля с операциями и дополнительные поля.
В дополнительных полях:
ключ = машинное имя доп. поля в Mindbox
значение = %customs.mark% для оценки 1-5, которая будет подставлена в поле в зависимости от ответа
значение = %customs.message% для комментария в форме:
2) После заполнения формы отправлять емейл с данными опроса, чтобы отслеживать комментарии посетителей
Чтобы не пропускать обратную связь клиентов можно сразу в Popmechanic настроить отправку уведомлений на емейл с ответами с формы.
Для этого добавьте интеграцию – Уведомление – Email
Введите свой емейл или несколько емейлов, куда будут приходить результаты опроса
После заполнения формы вы получите письмо от [email protected] (Робот Popmechanic) с таким содержанием:

Где будет указано:
- название формы
- url, на котором она была заполнена
- время заполнения
- MindboxDeviceUUID (если на сайте есть скрипт Mindbox)
- сообщение с экрана комментариев
- оценка (1-5)
Если письмо не пришло на указанный емейл в интеграции после заполнения формы:
- проверьте папку Спам
- попросите системного администратора добавить отправителя Робот Popmechanic <[email protected]> в белый список с возможностью получения писем от него (у некоторых корпоративных почтовых служб жесткие фильтры)

Как понять, кто именно из клиентов оставил отзыв?
Может быть ситуация, когда пришел плохой отзыв и маркетолог хочет понять, от кого он, чтобы связаться с клиентом.
Если вы используете Mindbox и сервис распознал клиента в данной сессии (он был авторизирован, подписался, перешел с письма раннее), то вы можете найти этого клиента в Mindbox по MindboxDeviceUUID.

Для этого копируйте значение MindboxDeviceUUID (формат f6876e96-a0ef-42a1-b5df-06200e47317d) и создайте по нему фильтр клиентов в Mindbox:
Шаг 10. Тест и запуск опроса
Включите форму с помощью переключателя активности формы:
Если у вас возникли сложности на любом шаге настройки – напишите в нашу поддержку.
Чат с поддержкой есть справа внизу в личном кабинете.

Вам была полезна эта статья?