Создание формы обратной связи на сайте: Создание формы обратной связи для лендинг пейдж

Содержание

Генератор форм обратной связи | QForm

При создании формы обратной связи многое нужно учесть, чтобы та работала правильно и не раздражала пользователей. Необходимо гармонично встроить её в дизайн сайта, настроить фильтрацию спама, наладить интеграцию с CRM и много всего другого.

Сделать всё идеально с нуля сложно и долго, поэтому часто выбирают готовые решения:

бесплатные сервисы, вроде Google Forms и Яндекс.Формы;
платные/условно-бесплатные инструменты;
различные плагины для CMS.

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

Мы предлагаем решение проще — гибкий и многофункциональный бесплатный конструктор QForm, который генерирует обратную связь для сайта любого вида и сложности, синхронизируется с CRM-системами, SMS-сервисами и облачными АТС.

За счёт простоты настроек и понятного интерфейса его освоит любой пользователь без навыков работы с кодом. Формы работают с любыми CMS, в том числе самописными. Встроенная мини-CRM система позволяет отслеживать и обрабатывать заявки в удобном интерфейсе.

Инструкция по работе с QForm

Чтобы продемонстрировать работу сервиса, разберём процесс создания простой формы обратной связи.

Пример: нужен простой вариант с именем, номером, отправкой файла и текстовым сообщением, согласием на обработку персональных данных и кнопкой «Отправить».

Прежде всего нужно добавить сайт в систему, делается это довольно просто.

Первый этап

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

Задаём поля

После создания формы автоматически откроется её конструктор. Добавьте новое поле перетаскиванием или кликом на плюсик в общем списке.

В нашем примере первым будет Имя. После его добавления, откроются настройки. Для имени это: Заголовок, Текст внутри (плейсхолдер), Дополнительный текст, чекбокс Обязательное поле. Также можно назначить список стоп-слов и задать Класс поля и его Имя (аттрибут name в коде). Прописывать каждое поле не обязательно — можно всё оставить по умолчанию, сохранив поле на кнопку «Сохранить».

В нашем случает зададим заголовок — «Ваше имя». Ставим галочку «Обязательно для заполнения».

Затем добавляем поле для телефона посетителя. В Заголовок поля впишем «Ваш телефон», внутри поля «+7 ххх ххх хххх», чтобы подсказать пользователю нужный формат, ставим галочки на чекбоксах для настройки маски номера и Обязательного поля.

Теперь добавляем возможность загрузки файлов: в заголовок впишем «

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

Чтобы пользователь мог вписать произвольный комментарий, нужно создать текстовое поле с типом Текст (строка), в заголовке Сообщение.

Обязательный для любой формы элемент — кнопка Отправить. Она по умолчанию есть в каждой новой форме, удалить её нельзя. Нажмите на поле, если хотите изменить текст кнопки или атрибуты class и name.

Определяемся с дизайном

На одном экране с Конструктором находится вкладка Дизайн. Здесь у пользователей два варианта — использовать один из шаблонов оформлений QForm (включенный чекбокс) или указать каждому полю стили оформления из CSS-файла, чтобы адаптировать дизайн формы под дизайн сайта.

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

Настраиваем параметры формы

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

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

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

На вкладке Google Recaptcha можно включить антиспам от гугл, при условии что она настроена на уровне сайта.

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

JavaScript-события нужны для настройки отправки целей в Google Analytics и Яндекс.Метрику, выполнение дополнительного кода после отправки.

Интеграции

позволяют подключить форму к сервисам, связь с которыми настроена на уровне сайта.

Уведомления

Отдельно стоит упомянуть отправку уведомлений. На этой вкладке можно указать email получателей заявок через запятую. В противном случае, обрабатывать заявки получится только внутри кабинета QForm. Тут же настраивается SMTP.

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

Завершив все нужные настройки, переходим на вкладку Код для вставки и выполняем инструкции по вставке кода на сайт.

Вот что в итоге у нас получилось! Создание обратной связи вряд ли займёт больше 15 минут даже в первый раз. Если у Вас возникнут проблемы, не стесняйтесь обращаться в чат поддержки.

Назад на главную

Форма обратной связи- Testograf.ru

06. 08. 2021

Форма обратной связи или контактная форма устанавливается на сайт при помощи html кода. Другими словами, ее можно назвать html-форма. Вы можете легко создать форму обратной связи с любыми полями. Обычно форма обратной связи для сайта включает такие поля как имя, e-mail, телефон и поле для сообщения. На Тестографе вы можете совершенно бесплатно создать форму обратной связи и встроить ее на сайт используя html код или виджет (всплывающее окно).

1) Создание формы обратной связи. Нажмите кнопку Создать форму. Вы перейдете в интуитивно понятный конструктор создания. Создайте форму и зарегистрируйтесь на сайте для того, чтобы иметь возможность настройки уведомлений и редактирования формы.

Создать форму

2) Установка на сайт. Перейдите во вкладку «Сбор ответов» / «Встраивание». Скопируйте код формы и вставьте его на сайт. Форма также может быть доступна по ссылке.

Пример HTML кода формы обратной связи:

3) Уведомления о новых сообщениях. Настройте уведомления о новых ответах. Для этого перейдите во вкладку E-mail уведомления. Выберите: «Уведомлять о новых ответах: каждый новый ответ».

Пример того, как выглядит форма обратной связи:

После получения каждого нового ответа вам на e-mail придет такое сообщение:

Вы получили новый ответ на “Форма обратной связи”.
Дата и время: 02.10.2016 12:15:53

1.* Имя:

Андрей

2.* E-mail

[email protected]

3.* Телефон

8 926 746 33 40

4.* Причина обращения:

Вопросы по работе сайта

5.* Сообщение:

Добрый день! Подскажите, как оплатить услуги сайта от юр лица?

Testograf — конструктор форм, анкет и опросов

Особенности создания формы обратной связи на сайте 🛠 Статьи компании Verbox

Для многих web-сайтов, создаваемых с целью привлечения покупателей, а также повышения степени лояльности посетителей для блога или форума, используется форма обратной связи. Сегодня размещения только одного телефона для контакта уже не достаточно, поскольку по статистике свыше 70% посетителей в возрасте до 25 лет предпочитают использовать переписку (чат). Именно поэтому любой сайт с обратной связью в такой форме имеет более высокие конкурентные преимущества в сравнении с тем, где она отсутствует.

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

Чаще всего web-разработчикам удобнее использовать готовые скрипты, которые отлично подходят как статическим сайтам на HTML, так и динамическим, созданным при помощи CMS-программ. Обычно при создании обратной связи на сайте в конфигурационном файле предусматривается форма, содержащая следующие поля для пользователя:

имя посетителя;
адрес электронной почты;
тема сообщения;
форма для написания текста;
капча для защиты от ботов.

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

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

Современный виджет для сайта с обратной связью имеет широкие возможности, обусловленные:

контролем за статусом операторов;
получением данных о месторасположении клиента;
наличием быстрых шаблонов ответов;
настраиванием списка посетителей;

Код для скрипта обычно прописывается на PHP с использованием библиотеки jQuery. Алгоритм действий в ходе создания сайта с обратной связью состоит из 2-х этапов:

Написание кода HTML, который вставляется на страницу, а также использование CSS стилей для его дизайнерского оформления.
Использование PHP-файла, предназначенного для отправки писем или иных действий при регистрации запроса.

Компания Verbox предлагает универсальную форму обратной связи на сайт бесплатно, которая позволяет наладить общение между вами и клиентом. Созданный нашими квалифицированными специалистами модуль онлайн-консультанта предоставляет уникальную возможность быть на связи с любого устройства: Mac, Windows, iPhone или Android, на ПК или в мобильном приложении на смартфоне. Таким образом, с нашей помощью ваш сайт с обратной связью будет эффективно монетизирован и сможет приносить прибыль.

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

Получение сообщение из мессенджера Telegram прямо в чат.
Работа с e-mail сообщениями с любого почтового сервиса.
Удобная настройка с Я.Диалогами.
Взаимодействие с клиентами на Avito через форму нашей программы.

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

При нашем содействии вы сможете получить кнопку обратной связи на сайт бесплатно в самые сжатые сроки и на выгодных условиях. Помимо этого, мы предлагаем несколько тарифных пакетов – «Стартап» и «Профи» с расширенными функциональными возможностями. Создание обратной связи на сайте не займет много времени, поскольку виджет продуман до мелочей.

Форма обратной связи на сайте: значение и виды

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

О значении формы обратной связи

Значение формы обратной связи очень велико − она выступает мостиком для общения между владельцем сайта (предпринимателем, продавцом товаров, услуг или информации) и посетителем (потенциальным покупателем, клиентом).

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

Основные требования, которые к ней выдвигаются:

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

Основные виды форм обратной связи

Все формы обратной связи можно разделить на две большие группы:

статические;
всплывающие.

Прародительницей является форма, в основе которой лежит тег html <form>. По сути − это каркас, на которой наслаиваются различные элементы второстепенного характера. Они задаются посредством атрибута тега type. Его основные значения − поле для ввода текста, строка для пароля, а также кнопки отправки или сброса данных.

Также широко применяются формы, дополненные обработчиком, который создан на основе php и javascript. Они обладают значительным функционалом, а также могут быть настроены на проверку правильности вводимых данных.

Если вы хотите придать форме оригинальность, её можно сделать всплывающей, стоит воспользоваться jquery − с помощью него обычная html-форма преображается.

А можно ли не писать форму самостоятельно?

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

Самым правильным решением станет доверить разработку формы обратной связи опытным веб-специалистам. Они смогут учесть все особенности вашего сайта и предложить оптимальный вариант.

Статьи по теме

Виджеты для веб-сайтов: влияние кнопок на продажи Виджеты, размещаемые на интернет-ресурсах, − это специальные приложения, которые пом…
2020-11-30
CRM: что это и как помогает бизнесу? Представители бизнеса − независимо от его направленности − сталкиваются с необходимостью взаимоде…
2020-11-30
Современные сайты в обязательном порядке содержат десятки, а то и сотни картинок, особенно их количество велико, если речь идёт об интер…
2018-03-27
Важным моментом при создании интернет-сайта является выбор доменного имени. Несмотря на внушительную практику работы с доменами, в проц…
2018-03-21
Яндекс.Вебмастер − это специальный сервис, который открывает массу возможностей для специалистов по работе с сайтами. Помимо функциона…
2017-12-12
Благодаря собственному сайту появляется прекрасная возможность для двустороннего общения с клиентами. Такая форма общения значитель…
2016-11-30
Домен или доменное имя по сути представляет собой буквенную последовательность, которая обозначает имя интернет-ресурса. Также в до…
2016-11-22
Для того, чтобы увеличить посещаемость сайта, владельцы ресурса должны предпринимать ряд действий. Одно из них − взгляд на страницы со …
2016-10-19
Специалисты, которые занимаются продвижением сайтов по большому количеству запросов, сталкиваются с такой проблемой, как определен…
2016-08-30
Рано или поздно перед руководителем практически каждой компании встаёт вопрос создания сайта. Вариант с самостоятельными попытками…
2016-08-17
Одной из бед сайтов являются битые ссылки. Что они собой представляют? Линки, которые ведут на несуществующую страницу. В этом случае …
2016-08-10
Для успешного продвижения сайта его необходимо наполнять SEO-оптимизированными текстами. Их основное отличие от обычных информацион…
2016-07-06
Если ваша компания специализируется на продаже большого количества товаров, то сайт-каталог − это именно то, что нужно. Такой ресурс …
2016-06-07
Тематический индекс цитирования: особенности и предназначение На позицию сайта в поисковой выдаче оказывают влияние различные ф…
2016-05-10
Ретаргетинг: суть технологии возврата клиента Учитывая, что интернет уже давно стал площадкой для продаж, актуальным является прове…
2016-05-05

Создание формы обратной связи — Блог на A5.ru

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

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

Для чего необходима форма обратной связи?

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

Обычно форма обратной связи используется для отправки контактных данных, к примеру, при подписке на e-mail рассылку или оформлении заказа. Кроме того, она является отличной альтернативой для тех, кто не любит общаться по телефону и предпочитает вести переписку через Интернет.

Стоит отметить, что на одностраничных сайтах (лендингах) подобная форма обратной связи является основным инструментом для получения контактных данных клиентов или связи с ними.

Какие инструменты необходимы для создания формы обратной связи

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

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

Любая форма для обратной связи состоит из двух частей:

Кода, размещаемого на странице сайта. Именно он отображает пользователю поля для ввода данных и отвечает за их визуальное оформление.
Файла php, размещаемого в любой директории на сервере. Он используется для сбора данных из формы на странице и их отправки на указанный адрес.

Инструменты, необходимые для создания формы:

При наличии необходимых знаний можно обойтись только обычным текстовым редактором, таким как Notepad, или воспользоваться более продвинутым аналогом — Notepad++. С его помощью можно довольно быстро откорректировать «под себя» код формы для размещения на html странице и обработчик в PHP файле, используемый для отправки писем. Данный вариант подходит как для статических сайтов, разработанных с использованием html и JavaScript, так и для ресурсов, созданных в онлайн-конструкторах.
Визуальный html редактор для разработки формы. Он может быть установлен в виде отдельной программы на компьютер, к примеру, KompoZer. ПО имеет достаточно простой и понятный интерфейс. С его помощью можно максимально быстро создать форму, просто разместив компоненты на рабочем поле. Редактирование схоже с работой в текстовом редакторе MS Word.
Сделать форму обратной связи можно с помощью визуальных онлайн редакторов. Они позволят не только создать оформление для нее, но и автоматически генерируют php-файл для размещения на сервере.
В случае, если сайт работает на CMS, такой как WordPress или Joomla, можно обойтись установкой специального плагина, добавляющего на страницу форму обратной связи.
Кроме того, для размещения файлов и корректировки страницы с формой потребуется доступ к хостингу, на котором размещен сайт. Для этого можно воспользоваться FTP-клиентом FileZilla.

Для тех, кто использует при создании сайтов онлайн-конструктор A5.ru, все намного проще! Вам не нужно изучать HTML, разбираться с особенностями работы веб-сервера или искать подходящие плагины. Достаточно лишь воспользоваться простым и удобным встроенным онлайн-конструктором форм обратной связи.

Использовать его максимально просто. Все действия выполняются с помощью мыши, Вам не потребуется вникать в особенности работы конструктора, чтобы получить отличную форму для заявок. Данный сервис полностью интегрирован в систему управления сайтом. Это позволяет максимально просто получать сообщения от пользователей и отвечать на них.

Как сделать форму обратной связи с помощью онлайн-конструктора A5

Используя наш конструктор, Вы сможете в течение нескольких минут создать полнофункциональную форму для обратной связи без использования html. Стоит отметить, что Вы сразу увидите Ваш результат работы и сможете воспользоваться ним.

Рассмотрим создание формы обратной связи по этапам

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

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

Чтобы попасть в настройки виджета, следует нажать на нем правой кнопкой мыши и выбрать пункт контекстного меню «Конструктор форм».

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

Краткое описание компонентов и их функций, которое поможет разобраться, как настроить форму обратной связи на сайте:

В поле «Адрес почты для сообщения» необходимо ввести ту электронную почту, на которую Вы хотите получать заявки с сайта.
Поле «Текст сообщения успешной отправки» позволяет задать текст, который отобразится пользователю, когда его заявка будет отправлена.
В левой колонке перечислены компоненты, которые могут быть добавлены на форму.
1. Заголовок может использоваться для размещения подписи к форме и описания ее предназначения.
2. Текстовое поле предназначено для дополнения сообщения коротким текстом от пользователя.
3. Большое текстовое поле позволяет отправлять сразу несколько строк текста.
4. Компонент «Множественный выбор» дает возможность пользователю установить «галочки» напротив нескольких необходимых пунктов, к примеру, при выборе дополнительных опций, таких как доставка товара и подарочная упаковка.
5. «Одинарный выбор» довольно похож на предыдущий компонент, но позволяет выбрать только один из предложенных вариантов.
6. Выпадающий список позволяет выбрать пользователю одно из предустановленных заранее текстовых полей.
7. Поле Email предназначено для ввода электронной почты пользователя.
8. Компонент «Файл» позволяет прикрепить к сообщению файл с компьютера пользователя.
9. Компонент «Дата» позволяет добавить к сообщению поле с форматированной датой.
В правой колонке отображаются поля, установленные в Вашу форму.
1. Текстовое поле для ввода сообщения от пользователя.
2. Поле Email для ввода электронной почты.
3. Кнопка «Отправить» для передачи сообщения. Для того чтобы настроить ее внешний вид, следует один раз кликнуть по ней мышью.

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

После того, как Вы завершили создание формы обратной связи, нажмите кнопку «ОК», и она отобразится на странице.

Создание формы обратной связи на сайте

Главная
->
Материалы
->
Создание формы обратной связи на сайте

Reg.ru: домены и хостинг

Крупнейший регистратор и хостинг-провайдер в России.

Более 2 миллионов доменных имен на обслуживании.

Продвижение, почта для домена, решения для бизнеса.

Более 700 тыс. клиентов по всему миру уже сделали свой выбор.

Перейти на сайт->

Бесплатный Курс «Практика HTML5 и CSS3»

Освойте бесплатно пошаговый видеокурс

по основам адаптивной верстки

на HTML5 и CSS3 с полного нуля.

Начать->

Фреймворк Bootstrap: быстрая адаптивная вёрстка

Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.

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

Верстайте на заказ и получайте деньги.

Получить в подарок->

Бесплатный курс «Сайт на WordPress»

Хотите освоить CMS WordPress?

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

Научитесь работать с темами и нарезать макет.

Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!

Получить в подарок->

*Наведите курсор мыши для приостановки прокрутки.

Назад Вперед

Создание формы обратной связи на сайте

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

Использование формы обратной связи имеет ряд своих преимуществ перед другим формами связи.

Самое главное — то, что человек может сразу написать Вам письмо. Ему не нужно кликать на указанный E-mail адрес, писать в почтовой программе. Он просто может сделать все, что нужно, не покидая страницу, на которой он находится.

Именно поэтому наличие формы обратной связи на сайте часто помогает получить куда больший отклик от своей аудитории, нежели указание телефонов, e-mail адресов и ICQ номеров.

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

Здесь не будет хитрых jQuery и AJAX — это форма будет сделана, так сказать, из «подручных средств».

Если же Вам нужно что-то посложнее, то лучше использовать готовые решения, например, Форму обратной связи на PHP и jQuery с использованием Ajax, и не изобретать велосипед.

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

Для ознакомления с содержанием уроков Вы можете просмотреть видео ниже. Скачать видеоуроки в высоком качестве можно по ссылкам выше.

Внимание!

Исходный код, предлагаемый для скачивания, немного отличается от того, что можно видеть в уроке. Изменения касаются пары моментов в файле sendletter.php, и связаны с новыми возможностями более свежих версий PHP. Поэтому используйте модифицированный код, прилагаемый в архиве.

P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая PHP, JavaScript, jQuery и Ajax, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить практические навыки веб-программирования:

Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!

Смотрите также:

Наверх

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

В статье речь пойдет не о технологии создания кода формы, а о разработки логики ее взаимодействия с посетителем сайта, повышения количества их активных действий.

Редко можно встретить сайт, в котором нет формы обратной связи. Но как часто посетители сайта отправляют что-либо через эту форму владельца сайта? Будем честные — очень и очень редко. А почему? Правильный ответ — эти формы не соответствуют представлениям пользователя о общении.

Так уж сложилось, что многие владельцы сайтов отдают построение логики формы обратной связи на откуп разработчикам сайтов. Как результат, эти формы имеют приблизительно такой вид:

Если не подходить слишком критически, то как бы все выглядит довольно неплохо. Посетитель может заполнить форму и отправить свое сообщение к его владельцам. Более того (о счастье 🙂 ), он даже может направить копию такого сообщения себе лично.

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

Зачем мы отдельно спрашиваем у посетителя тему сообщения и текст сообщения? Ведь он просто хочет задать краткий вопрос. Мы ждем от посетителя номер телефона, но только как он должен об этом догадаться?

Как же должна выглядеть форма обратной связи на сайте

Минимализм, минимализм, минимализм — вот основной девиз для формы обратной связи. Посетитель сайта, который только зашел на него, в большинстве своем относится к так называемым «холодным контактам». У него еще нет никакого уровня доверия ни к сайту, ни к его владельцу. Поэтому что-либо заполнять, писать, заполнять он готов только «под угрозой расстрела».

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

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

Слева на изображении приведен пример формы обратной связи, которая разработана для боковой панели сайта. Форма ориентирована на клиентов, которые предпочитают общаться по телефону, поэтому только имя и телефон являются обязательными полями.

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

Не надо выделять всю форму особым дизайном или яркими графическими элементами. Это будет отвлекать посетителя от основной информации на странице. Но в то же время, посетитель должен иметь возможность заметить ее даже беглым взглядом. Для этого просто выделить заголовок формы и кнопку отправки. В нашем случае это сделано увеличенным размером шрифта надписи «Заказать звонок» и синим цветом кнопки «Отправить».

Должна ли форма обратной связи отправлять копию сообщения на e-mail отправителя

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

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

Какие еще должны быть поля на форме обратной связи

Чем сложнее форма — тем реже ее заполняют посетители сайта

Ответ очень краток: больше никаких полей не должно быть. Это форма обратной связи, а не форма верификации допуска в секретное хранилище Пентагона. Поэтом не надо насиловать посетителя дополнительными полями. Запомните: чем сложнее форма — тем реже ее заполняют посетители сайта.

Но это не значит, что вы не можете создавать скрытые информационные поля, которые собирают для вас дополнительную информацию. Очень полезным бывает скрытые поля формы «Заголовок страницы» или «URL страницы». В этом случае вы при поступлении вам запроса сразу будете понимать с какой страницы его отправили. Также бывает полезной информация об IP-адресе посетителя, если он относиться к стационарной сети, то можно понять с какого региона ваш посетитель.

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

Как добавить форму обратной связи с клиентами на ваш сайт WordPress

Вам интересно, что ваши клиенты думают о покупках у вас?

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

Если вы предпочитаете читать инструкции, мы написали это руководство ниже.

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

Вот оглавление, если вы хотите продвинуться вперед в этом руководстве:

Создание формы обратной связи с клиентами
Настройте форму обратной связи
Настройте параметры формы обратной связи
Добавьте форму обратной связи с клиентом на свой веб-сайт

Запрос обратной связи

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

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

Как вы порекомендуете этот продукт / компанию другу?
Какую проблему вы хотели бы решить с помощью нашего продукта / услуги?
Что вам больше всего нравится в нашем продукте / услуге / компании?
Если вы были недовольны, что мы можем сделать, чтобы вы вернулись?
Насколько вы довольны нами или нашим продуктом / услугой?
Без каких функций вы не могли бы жить?
Без каких функций вы могли бы жить?
Какова вероятность того, что вы будете делать у нас покупки?
Как вы узнали о нас?
Почему вы выбрали нас?
Что вы скажете тому, кто спросил о нас?

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

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

Теперь давайте посмотрим, как добавить отзывы клиентов на ваш сайт WordPress с помощью WPForms.

Как создать форму обратной связи с клиентами WordPress

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

Шаг 1. Создайте форму обратной связи с клиентами

Первое, что вам нужно сделать, это установить и активировать плагин WPForms. Для получения дополнительной информации см. Это пошаговое руководство по установке плагина в WordPress.

Затем вам нужно создать форму WordPress. Самое замечательное в WPForms — это то, что он поставляется с более чем 100 заранее разработанными шаблонами форм, которые помогут вам начать работу благодаря надстройке Form Templates Pack. И так уж получилось, что вы можете создать форму обратной связи с клиентами, используя несколько разных шаблонов WPForms.

Давайте посмотрим:

Форма предложения

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

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

Форма опроса

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

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

Форма обследования

Форма опроса является частью надстройки Surveys and Опросы и отлично подходит для получения более подробной информации от ваших клиентов.

Предустановленный шаблон поставляется с полями формы, такими как поле «Рейтинг» и поле «Текст абзаца», которые можно включить, используя условную логику, если кто-то оценивает вашу компанию ниже определенного порогового значения.

В нем также есть поле формы «Шкала Лайкерта» для оценки удовлетворенности людей вашей компанией, продуктами, услугами, обслуживанием клиентов и т. Д.Если вам нужны советы по вопросам по шкале Лайкерта, ознакомьтесь с этой статьей о примерах и шаблонах анкет.

Форма обследования NPS

WPForms предлагает владельцам веб-сайтов две формы опроса Net Promoter Score NPS:

NPS Survey Простая форма: Если вы хотите сразу перейти к делу и спросить людей, рекомендуют ли они ваш бизнес друзьям и семье, вам следует использовать этот шаблон. Он также поставляется с двумя полями формы с текстом абзаца, в которых запрашиваются объяснения, если ваш клиент вряд ли порекомендует ваш бизнес.
Расширенная форма опроса NPS: Расширенная форма опроса Net Promoter Score позволяет вам получить более подробную информацию о впечатлениях ваших клиентов. Помимо стандартного поля формы NPS и разделов для предложений, он просит людей, которые довольны вашим бизнесом, объяснить, что им больше всего нравится в вас, и могут ли они предоставить отзыв.

Прочтите, как создать форму опроса NPS в WordPress, чтобы начать работу и просмотреть шаблон опроса NPS. Если вам нужны дополнительные шаблоны форм обратной связи, все, что вам нужно сделать, это прокрутить надстройку Form Templates Pack и найти такие формы обратной связи, как:

В нашем примере мы выбрали шаблон формы предложения .

Шаг 2. Настройте форму обратной связи

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

WPForms — это не только самый удобный и простой в использовании конструктор форм WordPress для новичков, но и простой в настройке. Это означает, что любое из доступных полей формы, которые вы хотите добавить в отзывы клиентов, можно добавить, перетащив его с левой стороны в редакторе форм на правую панель предварительного просмотра.

В нашем примере мы добавим в нашу форму предложения поле формы множественного выбора, в котором будет задан следующий вопрос: «Какова вероятность того, что вы порекомендуете этот продукт / услугу другу?» с опциями Абсолютно , Возможно и Ни в коем случае .

Помните, что вы можете добавить любое количество полей формы, таких как рейтинг, шкала Лайкерта или даже Net Promoter Score. Или вы можете настроить стандартные поля, чтобы задавать похожие вопросы и получать отзывы от клиентов.Вам действительно решать, как вы хотите структурировать форму.

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

Например, если кто-то выберет вариант «Абсолютно», появится поле, в котором у покупателя будет спрашиваться, что ему больше всего нравится в наших продуктах или услугах и что сделало их покупку приятной. Если кто-то выберет вариант «Нет», появится поле с вопросом о том, что мы можем сделать для улучшения.

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

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

Шаг 3. Настройте параметры формы обратной связи

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

В форме WordPress можно настроить множество параметров:

Общие настройки: Здесь вы можете изменить такие параметры, как название формы, описание и копию кнопки отправки.Вы также можете включить дополнительные функции предотвращения спама, чтобы защитить свой веб-сайт от нежелательной отправки форм.
Подтверждения формы: Подтверждения формы — это сообщения, которые отображаются для посетителей сайта после того, как они отправят форму обратной связи с клиентами на вашем веб-сайте. WPForms предлагает на выбор три типа подтверждения: сообщение, отображение страницы и перенаправление. Вы можете выбрать один или комбинацию.
Уведомления о формах: Уведомления — отличный способ отправить электронное письмо всякий раз, когда форма обратной связи отправляется на вашем веб-сайте.Вы можете настроить уведомление, которое будет отправляться на ваш рабочий адрес электронной почты после отправки формы на вашем сайте. Вы также можете отправить его посетителю сайта, который отправил форму, и всем, кто должен быть уведомлен о отправке формы.

Если вы добавили флажок подписки в свою контактную форму, вам нужно будет интегрировать его с предпочитаемым поставщиком услуг электронной почты.

WPForms предлагает следующие интеграции с поставщиками услуг электронной почты:

Шаг 4. Добавьте форму обратной связи с клиентом на свой сайт

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

WPForms позволяет добавлять формы во многие места вашего веб-сайта WordPress, включая записи, страницы и области виджетов.

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

Мы рекомендуем OptinMonster, поэтому мы сделали руководство о том, как создать всплывающую форму в WordPress с помощью этого инструмента.

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

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

Запомните эти советы, чтобы получить больше предложений обратной связи:

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

Последние мысли

И вот оно! Теперь вы знаете, как добавить форму обратной связи с клиентами на свой сайт WordPress, чтобы вы могли точно знать, что люди думают о вашей компании, продуктах, услугах и многом другом.

Вы также можете подумать об использовании формы «Пригласи друга», чтобы получить больше потенциальных клиентов от клиентов, которые дают положительные оценки.

Вы хотите продавать цифровые продукты на своем сайте WordPress? Вы также можете ознакомиться с нашим руководством по простейшему способу продажи цифровых продуктов.

Итак, чего вы ждете? Начните с самого мощного сегодня плагина форм WordPress. WPForms Pro поставляется с несколькими бесплатными шаблонами опросов.

И не забывайте, если вам понравилась эта статья, подпишитесь на нас в Facebook и Twitter.

7 идей формы обратной связи с клиентами для вашего веб-сайта

Отзывы клиентов имеют решающее значение.Это помогает уменьшить количество догадок и оптимизировать путь к покупке, что, в свою очередь, может увеличить ваш доход до 15%, согласно исследованиям McKinsey.

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

Но как узнать, почему некоторые люди не становятся вашими клиентами, если вы никогда не спрашиваете?

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

Так зачем ждать?

Попробуйте Getsitecontrol бесплатно

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

Начните сегодня →

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

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

Лучшая часть? Никакого кодирования здесь нет. Все, что вам нужно сделать, это зарегистрировать учетную запись в Getsitecontrol — приложении без кода для увеличения конверсии веб-сайтов. Чтобы начать использовать его, установите его плагин из репозитория WordPress, если ваш сайт находится на WordPress.

Если вы используете любую другую платформу, просто скопируйте и вставьте крошечный фрагмент кода в код своего веб-сайта. Не волнуйтесь, вам не обязательно разбираться в кодировании, это базовое действие Ctrl + C, Ctrl + V.Вот короткая инструкция из четырех шагов, как это сделать менее чем за 2 минуты.

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

Получить версию для печати

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

Скачать PDF

Как использовать опросы Getsitecontrol для сбора отзывов клиентов

Опросы — самый простой способ получить обратную связь.И их нетрудно анализировать! Лучшая практика при проведении опроса — не задавайте пяти вопросов и задавайте только то, что действительно важно. Еще одно практическое правило — всегда выбирать порядок ответов случайным образом, чтобы каждый респондент видел его по-своему, а вы избежали так называемой «предвзятости ответа».

Конструктор опросов Getsitecontrol позволяет вам создать правильную форму обратной связи с клиентами за считанные минуты. Просто выберите шаблон из галереи и настройте его в соответствии со своими потребностями.

Самыми популярными типами опросов для начала являются:

Когда вы закончите работу с контентом, вы можете использовать настройки таргетинга, чтобы создать условия для отображения опроса на странице. Например, вы можете разместить его на выбранных страницах вашего веб-сайта. Или вы можете захотеть опросить только вернувшихся посетителей. Или те, кто проявил неподдельный интерес к вашему контенту, посетив более 2 страниц за один сеанс.

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

1. Создайте опросы, связанные со страницами, на основе этапа воронки.

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

Как вы узнали о нас?
Какова ваша должность?
Вы нашли то, что искали?

Ecommpay показывает этот опрос через несколько секунд после входа на главную страницу.

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

Вот отличный пример опроса для конкретной страницы от Workshare.

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

2. Добавьте анкету выхода, чтобы узнать, почему люди покидают ваш веб-сайт.

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

QuickStop готовится к кампании на Kickstarter и использует анкету выхода, чтобы узнать, почему посетители покидают свою целевую страницу.

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

Чтобы отобразить опрос прямо перед тем, как посетители вашего веб-сайта нажмут кнопку X, используйте настройки Getsitecontrol ~~Targeting~~ .

3. Позвольте клиентам оценивать ваш продукт / контент / услугу

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

Вот типы вопросов, которые вы можете задать в этой форме обратной связи с клиентами:

Достаточно ли описания продукта?
Есть ли у вас F.A.Q. содержат достаточно информации, чтобы помочь вам принять решение?
Насколько интуитивно понятен процесс оформления заказа?

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

4. Используйте лид-магниты, чтобы побудить посетителей делиться своими мыслями.

Muves, транспортная компания предлагает 10 бесплатных коробок для переезда в обмен на информацию и электронное письмо.

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

Однако в ваших силах увеличить это число, предложив какой-либо стимул. Такой стимул называется лид-магнитом, и это может быть что угодно, ценное для вашей аудитории: скидка, бесплатная доставка, электронная книга или набор инструментов.

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

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

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

Вот четыре примера размещения интеллектуальной контактной формы.

1. Имейте плавающую форму обратной связи с клиентами.

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

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

2. Спросите, нужна ли помощь с помощью всплывающего окна с задержкой по времени.

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

Вот контактная форма, всплывающая на странице цен UserSnap:

Она появляется через несколько секунд после приземления и не мешает работе пользователя, в то же время вежливо предлагая помощь.Хорошая работа, Usersnap.

Чтобы создать отложенное всплывающее окно в Getsitecontrol, откройте вкладку «Таргетинг» при настройке новой формы обратной связи с клиентами. Затем удалите условие по умолчанию, щелкните ссылку ~~+ Добавить условие~~ и выберите ~~Время на странице~~ .

3. Инициировать контакт после того, как посетитель просматривает несколько страниц вашего веб-сайта

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

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

Вы можете выбрать отображение формы после того, как посетитель просмотрит X-страницы вашего веб-сайта, используя настройки таргетинга в Getsitecontrol.

Заключительные мысли

Мы предоставили вам несколько способов эффективно разместить форму обратной связи с клиентами на веб-сайте.Надеюсь, хотя бы один из них соответствует вашим целям.

Вот некоторые выводы:

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

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

Попробуйте Getsitecontrol бесплатно

Получите интеллектуальные виджеты, которые помогут вам собирать отзывы клиентов и многое другое.
Регистрация занимает минуту. Кредитная карта не требуется.

Начать работу сегодня →

Получить версию для печати

Скачать PDF

Лучшие шаблоны форм обратной связи для вашего веб-сайта

Если вы читаете это, вероятно, ваша компания решила внедрить онлайн-программу обратной связи с клиентами. Прекрасный выбор! Следующий шаг — начать приводить дела в движение (другими словами, собирать отзывы), что может быть непросто без надлежащего руководства. Если у вас уже есть цели для своего бизнеса, вы, безусловно, на правильном пути. Теперь все, что вам понадобится, это стратегия, охватывающая эти цели, которые — в случае обратной связи — могут быть такими же простыми, как использование шаблонов форм обратной связи или, по крайней мере, понимание того, как должна быть разработана форма обратной связи…

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

Зачем нужны шаблоны форм обратной связи?

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

Советы по созданию шаблона формы обратной связи

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

Оставьте много свободного места .Лаконичная и удобная для чтения форма обратной связи будет намного привлекательнее для ваших посетителей.
Используйте визуально четкую маркировку . Вопросы должны быть четкими и располагаться рядом с соответствующими полями, чтобы посетителю не приходилось сканировать взад и вперед, чтобы заполнить форму.
Задавайте короткие и простые вопросы . Делайте язык простым и избегайте использования жаргона. Чем меньше вопросов, тем лучше.

Помня об этих советах, давайте рассмотрим шесть различных шаблонов формы обратной связи .

Примечание. Здесь вы можете найти полный обзор всех форм обратной связи и шаблонов опросов.

Форма обратной связи Шаблон 1: Показатель достигнутых целей (GCR)

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

Зачем нужен ГКЛ?

Этот показатель идеален, если целью пользователя является улучшение воронки продаж в Интернете, поскольку он позволяет лучше понять, где клиенты успешны, а где нет.

Где и как использовать GCR?

Компании в основном используют GCR там, где покупатель пытается совершить покупку. Таким образом, это исключает домашнюю страницу или любые целевые страницы, поскольку они находятся на слишком ранней стадии последовательности (цели еще не могут быть достигнуты на этом этапе).

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

Как сформулировать вопрос GCR?

Для сбора GCR ваш вопрос должен быть предельно ясным. Обычно компании задают прямой вопрос: «Вы достигли своей цели?» Со списком ответов: «Да», «Частично» или «Нет».

Какие дополнительные вопросы вам следует использовать?

Спрашивать посетителя, была ли его цель достигнута, по понятным причинам, не самый действенный вывод, если он сам по себе. Большинство предприятий сделают еще один шаг вперед и зададут несколько дополнительных вопросов, чтобы получить больше информации и подробностей по этому вопросу.

Например:

Если посетитель отвечает «Да», вы можете спросить его, сколько усилий им потребовалось для достижения своей цели (с использованием оценки усилий клиентов).

Если посетитель отвечает «частично» или «нет», вы можете узнать больше о том, почему он посещает веб-сайт, задав вопрос «Какова причина вашего посещения?». Вот где действительно начинается интерес, потому что в зависимости от этого ответа (например, для заказа продукта или для поиска информации, например, о ценах), вы можете попросить их дать объяснение, указав: «По какой причине вы не смогли достичь этой цели. ? »с такими ответами, как« Что-то пошло не так »,« Информация отсутствует »,« Форма не работает »или« Другое ».

Вы также можете добавить открытое текстовое поле внизу для дальнейшего объяснения. Например, если вы ответили «Нет», вы можете спросить их: «Есть ли у вас какие-либо предложения по улучшению нашего веб-сайта?».

Вот как должен выглядеть ваш шаблон формы обратной связи:

Открытый шаблон SurveyTry бесплатно

Форма обратной связи Шаблон 2: Оценка усилий клиентов (CES)

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

Зачем использовать CES?

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

Где и как использовать CES?

Есть несколько различных способов сбора CES на вашем веб-сайте. Первый из них — запросить у посетителей обратную связь в конце воронки (например, после покупки), поскольку это дает вам представление о том, насколько сложным был конкретный процесс для посетителя, который на самом деле был успешным. Другой способ сбора CES (который уже кратко упоминался) — это комбинация с GCR. Как только ваш посетитель скажет, что он достиг своей цели (это означает, что он выбрал «Да»), вы можете спросить его, сколько усилий им потребовалось для достижения своей цели.

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

Как сформулировать вопрос CES?

Как и в случае с GCR, запрос оценки усилий клиентов также должен быть достаточно кратким.Обычно предприятия используют следующий вопрос: «Сколько усилий вам потребовалось для достижения своей цели?», При этом посетитель должен выбрать оценку по пятибалльной шкале, начиная с «Очень мало усилий» до «Очень много усилий». .

Какие дополнительные вопросы рекомендуются?

Часто компании вслед за CES задают открытый вопрос (это означает, что у них нет выбора ответа, а предлагается ввести текст): «Есть ли у вас какие-либо предложения по улучшению нашего веб-сайта?».Это позволит вашим пользователям уточнить, почему процесс потребовал так много (или так мало) усилий.

Вот как должен выглядеть ваш шаблон формы обратной связи:

Открытый шаблон SurveyTry бесплатно

Форма обратной связи Шаблон 3: Net Promoter Score (NPS)

Net Promoter Score — популярный показатель лояльности, используемый многими компаниями. По сути, это говорит вам, насколько вероятно, что ваши клиенты будут рекомендовать ваш бизнес другим. Если покупатель с большой вероятностью порекомендует вас, он будет промоутером.В то время как, если покупатель вообще не порекомендует вас, он будет хулителем. Если они находятся где-то посередине, они будут пассивными. Эти группы помогают отслеживать, насколько лояльны ваши клиенты в целом.

Зачем нужен NPS?

NPS — один из наиболее широко используемых показателей среди предприятий и не без причины. Если вы точно знаете, кто ваши недоброжелатели и почему они являются недоброжелателями, вы сможете превратить их в промоутеров. Это также отличный показатель для измерения лояльности клиентов с течением времени.

Где и как следует использовать NPS?

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

NPS можно измерить одним из двух способов: либо для сбора общей информации о том, как бизнес воспринимается клиентом (на основе общего опыта и самого бренда), либо для сбора информации на основе транзакции, которую клиент совершил с вашим бизнесом. (е.грамм. конкретные взаимодействия или точки соприкосновения). Эти два типа опросов NPS называются реляционными и транзакционными опросами NPS.

Как сформулировать вопрос о NPS?

Для реляционных опросов NPS вы можете задать стандартный вопрос: «Насколько вероятно, что вы порекомендуете нас другу или члену семьи?». В качестве альтернативы для транзакционных опросов NPS вы можете сделать его более конкретным для конкретной транзакции, такой как обслуживание клиентов, поддержка или процесс покупки.Вот пример того, как задать вопрос в процессе покупки: «Насколько вероятно, что вы порекомендуете нас коллеге или клиенту, исходя из вашей недавней онлайн-покупки?». Как правило, вариант ответа состоит из шкалы от 0 до 10 (где 0-6 — недоброжелатели, 7-8 — пассивные, а 9-10 — промоутеры).

Распределение хулителей, пассивов и промоутеров

Какие дополнительные вопросы следует использовать для NPS?

Хороший дополнительный вопрос — просто спросить клиента, почему он / она предоставил оценку, которую они поставили, в открытом текстовом поле.Например, «Почему вы поставили оценку 9?». Как и в случае с CES, вы также можете попросить своего клиента предоставить предложения по улучшению («Есть ли у вас предложения по улучшению нашего веб-сайта?») С открытым текстовым полем.

Более того, пользователи могут комбинировать эту метрику с заранее определенными целями посетителей, что позволяет глубже понять посещение веб-сайта. Например, вы можете спросить «Почему вы посещаете веб-сайт?» С выбором ответов (например, чтобы получить дополнительную информацию, совершить покупку, связаться со службой поддержки) или спросить: «Чего вы хотели достичь на нашем веб-сайте?» .

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

Вот как должен выглядеть ваш шаблон формы обратной связи:

Открытый шаблон SurveyTry бесплатно

Форма обратной связи Шаблон 4: Удовлетворенность клиентов веб-сайта (CSAT)

Удовлетворенность клиентов веб-сайта

считается одним из основных методов оценки (наряду с NPS и CES) среди компаний для измерения качества обслуживания клиентов.По сути, это измерение того, насколько хорошо веб-страница соответствует ожиданиям вашего клиента. Для измерения удовлетворенности клиентов компании могут использовать шкалу CSAT (1–10), шкалы «согласен / не согласен», звездочки или смайлы.

Зачем использовать CSAT?

Шаблоны форм обратной связи

CSAT отлично подходят для сбора информации об общей удовлетворенности ваших клиентов на уровне страниц.

Где и как использовать CSAT?

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

Как сформулировать вопрос для формы CSAT?

Вопрос, который вы используете, зависит от того, какую форму обратной связи вы хотите использовать. Лучшая стратегия для форм удовлетворения клиентов веб-сайта — начать с чего-то очень простого, например, «Насколько вы довольны этой веб-страницей» или «Что вы думаете об этой странице?».В зависимости от ваших предпочтений вы можете использовать несколько различных ответов, перечисленных выше, например шкалу от 1 до 5, шкалу Лайкерта (согласен — не согласен), смайлы или звездочки.

Пример шкалы Лайкерта

Примечание: шкалу Лайкерта лучше всего начинать с утверждения, например, «Я очень доволен этой веб-страницей». После чего вы можете предложить различные варианты ответа, от «категорически не согласен» до «полностью согласен».

Итак, какие дополнительные вопросы можно задать?

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

Вот как должен выглядеть ваш шаблон формы обратной связи:

Открытый шаблон SurveyTry бесплатно

Шаблон формы обратной связи 5: Общий рейтинг страницы

Один из наиболее часто используемых шаблонов форм обратной связи — это общий рейтинг страницы.Формы обратной связи с этим рейтингом измеряют удобство использования страницы, используя всевозможные оценки — от звездочек и смайлов до диапазонов чисел, цветных полос и даже больших пальцев.

Зачем нужны общие рейтинги страниц?

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

Где и как следует использовать общие рейтинги страниц?

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

Как сформулировать вопрос для этого типа шаблона формы обратной связи?

Вопрос, который вы используете, зависит от того, какую форму обратной связи вы хотите использовать. Для общих форм рейтинга веб-сайтов лучшая стратегия — начать с чего-то очень простого, например, «Что вы думаете об этой странице?».В зависимости от ваших предпочтений вы можете использовать несколько различных ответов, перечисленных выше, например шкалу от 1 до 5, смайлы или звездочки.

Какими должны быть дополнительные вопросы для общих форм рейтинга страниц?

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

Вот как должен выглядеть ваш шаблон формы обратной связи:

Открытый шаблон SurveyTry бесплатно

Шаблон формы обратной связи 6: Измерение содержания

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

Зачем использовать шаблоны форм обратной связи Content Measurement?

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

Где и как следует использовать Content Measurement?

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

Формулировка вопроса для измерения эффективности содержания

Для сбора отзывов о содержании веб-сайта лучше всего использовать короткие и простые вопросы в шаблоне формы обратной связи. Примером вопроса, касающегося содержания, может быть: «Была ли информация на этой странице полезна для вас?», «Отвечает ли эта информация на ваш вопрос?» Или «Понятно ли это содержание?» С вариантами ответа «Да» или « Нет’.Кроме того, вы можете использовать большой палец вверх / палец вниз в качестве варианта ответа / показателя.

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

Какие дополнительные вопросы вам следует использовать?

Для измерения содержания достаточно простого уточнения ответа «Да или Нет». Для этого вы также можете добавить сюда открытое текстовое поле с вопросом «Не могли бы вы объяснить?».

Вот как должен выглядеть ваш шаблон формы обратной связи:

Открытый шаблон SurveyTry бесплатно

Начните свою программу обратной связи с помощью шаблонов форм обратной связи

Поверьте, когда мы говорим о обратной связи в Интернете, все сводится к двум вещам: времени и релевантности. Это означает, что вы должны быть там, когда ваши клиенты нуждаются в вас, и задавать им правильные вопросы. Использование шаблонов форм обратной связи, охватывающих обе эти основы, поможет вам получить более глубокое представление не только о том, насколько лояльны или удовлетворены ваши клиенты вашим брендом, но и о том, как работает ваш бизнес в таких ключевых областях, как воронки онлайн-продаж и удобство использования.

Форма обратной связи Рекомендации: 7 советов

1. непредвзято выслушивайте отзывы, которые вы получаете.

Сначала подумайте о своих намерениях. Вы создаете эту форму обратной связи, потому что хотите похлопать по плечу?

Если да, спросите себя, как прислушиваться к положительным отзывам (и игнорировать отрицательные) ДЕЙСТВИТЕЛЬНО поможет вашему бизнесу.

Вот подсказка: не будет.

Это все равно, что брать класс и получать «четверку» по каждому тесту, не зная, почему вы не набираете больше баллов.На каждом тесте вы получали записку от учителя, в которой говорилось: «В — хорошо», но вы никогда не удосужились спросить своего учителя, как вы могли бы стать лучше.

Конечно, существует множество сильных мнений относительно того, всегда ли клиент прав.

Но правда в том, что вы не можете развивать бизнес без сбора отзывов клиентов — и это еще не все. Получив эту информацию, вы должны что-то с ней делать!

Почему? Потому что альтернатива будет выглядеть примерно так: вы застрянете, делая то же самое, что и годами, без каких-либо значительных улучшений в своем бизнесе.

Или, может быть, даже хуже: вы застрянете, делая только улучшения, которые сочтете достойными, при условии, что вашим клиентам это понравится, без данных для их резервного копирования. (Ооо!)

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

На самом деле, они действительно оказывают вам огромную услугу.

Они нашли время, чтобы помочь ВАМ. И нет, они не ваши лучшие друзья или ваша мать, поэтому их мнение не будет приятно пристрастным. А это хорошая вещь .

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

При этом …

2. Убедитесь, что это быстрый опрос, и сообщите людям, что он быстрый.

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

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

Все, что вам нужно сделать, это задать правильные вопросы.

Один хорошо продуманный вопрос потенциально может привести к отличному и подробному ответу.

Стратегические вопросы являются ключевыми.

Тем не менее, тебе нужно сохранять хладнокровие.Хотя умные вопросы — это лучший способ, важно, чтобы вы задавали только один вопрос за раз, чтобы избежать путаницы.

Как любезно отмечает Грегори Чиотти из Help Scout, не круто заставлять людей чувствовать, что их допрашивают, когда они заполняют вашу форму удовлетворенности клиентов. Так что относитесь к своим вопросам терпеливо и внимательно. 🙂

Если у вас есть еще много вопросов, оставьте их для следующего опроса.

3. Вопросы должны быть аккуратными и организованными.

Некоторым из нас нужна структура.Я не говорю, что все мы это делаем, но давайте … вы действительно хотите рассердить стойких перфекционистов?

Кроме того, хорошо структурированная анкета передает правильное сообщение. Это показывает, что вы профессионал и разбираетесь в своем деле.

Представьте себе анкету обратной связи, в которой первый вопрос касается вашего отношения к кошкам.

Итак, естественно, вы отвечаете стихотворением о том, как сильно вы любите кошек.

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

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

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

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

4. Будьте прямолинейны и конкретны. Ясный побеждает загадочное.

Убедитесь, что все вопросы в вашем опросе полны и понятны.

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

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

Иногда мы можем рассматривать вопрос с одной стороны, а кто-то другой может прочитать его и увидеть что-то совершенно другое.

Вы хотите, чтобы люди могли легко заполнить анкету. Вы хотите, чтобы ваши респонденты заполняли опрос, не отказываясь от него из-за замешательства.

5. Не ограничивайте форму обратной связи исключительно вопросами «по шкале от 1 до 10».

Поверьте мне: глаза вашего респондента начнут тускнеть, если он увидит, что каждый вопрос касается того, как он себя чувствует по шкале от 1 до 10 (также известный как рейтинговые вопросы).

Это просто скучно и, вероятно, заставит их почувствовать себя роботами.

В конце концов, ваши клиенты — люди с настоящими мыслями и чувствами, которые выходят за рамки ответов «по шкале от 1 до 10».

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

Вероятно, важно отметить, что шкала одного человека может сильно отличаться от шкалы другого.Итак, шкала оценок может вызвать несоответствия.

И есть данные, подтверждающие это: Бруклинский колледж Городского университета Нью-Йорка провел исследование, которое показало, насколько предвзятыми могут быть шкалы оценок.

Признаюсь: я не люблю такие вопросы.

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

6. Стремитесь к исключительному дизайну, простому в использовании и профессиональному.

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

Форма обратной связи должна быть профессиональной, чистой и удобной для навигации на любом устройстве.

Рассмотрите возможность загрузки логотипа своей компании и использования бизнес-цветов для единообразия.

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

7. Оставьте в конце формы место для дополнительных мыслей и комментариев.

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

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

Простой способ дать людям возможность добавить свои дополнительные мысли — это добавить текстовое поле «Дополнительные комментарии» в конце формы обратной связи.

Сделайте шаг вперед в своем обучении и узнайте 6 способов создания более совершенных форм опросов.

9 лучших способов собрать отзывы клиентов на вашем веб-сайте

Довольны ли ваши клиенты?

Если вы не знаете наверняка, угадывать — не лучший вариант. Согласно исследованию, проведенному в 2017 году сотрудниками American Express, человек из США.С. расскажет в среднем 15 человек о плохом опыте работы с клиентами.

Что еще хуже, исследование, проведенное генеральным директором thinkJar Эстебаном Кольски, показало, что только 1 из 26 недовольных клиентов жалуется. Остальные просто уйдут.

Это огромный удар, но его можно предотвратить.

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

Если вы можете сделать клиентов счастливыми, решив их проблемы, у вас больше шансов получить хороших рекомендаций, а не плохих. Согласно исследованию American Express, о котором мы говорили ранее, каждый довольный клиент говорит еще 11, по крайней мере, клиенты из США, так что результаты ваших усилий умножатся.

Помимо увеличения дохода получение отзывов от клиентов дает и другие преимущества:

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

Готовы начать?

В этом руководстве мы расскажем о лучших способах сбора отзывов клиентов о вашем веб-сайте .

1. Всплывающее окно опроса клиентов
Самый простой способ получить обратную связь — разместить на своем сайте простой опрос.
А, встроив свой опрос во всплывающее окно, вы можете привлечь внимание посетителей вашего веб-сайта.
Вот лучший способ настроить это:
На сайте WordPress вы можете быстро создать контактную форму с помощью WPForms, конструктора форм перетаскивания. Таким образом, вам не нужно создавать или редактировать какой-либо код самостоятельно.
Вот полное руководство о том, как создать форму обратной связи с помощью WPForms. Или вы можете использовать собственную форму HTML. Вот как подключить OptinMonster к любой пользовательской HTML-форме.
При разработке опроса мы рекомендуем делать его кратким (только 1-3 вопроса), чтобы побудить больше людей заполнить его. Используйте открытые вопросы (вместо вопросов «да / нет»), чтобы получить более подробные ответы. Ознакомьтесь с остальными лучшими практиками нашего опроса, чтобы получить максимальную отдачу от своего онлайн-опроса.
Когда вы закончите создание опроса, просто нажмите кнопку Встроить и скопируйте появившийся шорткод.
Далее вам нужно будет следовать этим инструкциям, чтобы легко подключить OptinMonster к WPForms.Вы можете вставить свою форму в любой из наших готовых шаблонов.
Для этого просто нажмите Добавить блоки и перетащите блок HTML туда, где вы хотите, чтобы форма отображалась. Затем добавьте шорткод.
Используя OptinMonster, вы можете специально настроить таргетинг своего опроса, чтобы получить как можно больше качественных ответов.
Мы рекомендуем показывать его вернувшимся посетителям и запускать показ вашей кампании после того, как они просмотрят две или более страниц.
Это гарантирует, что всплывающее окно вашего опроса будет отображаться только для заинтересованных посетителей, которые уже знакомы с вашим контентом и будут иметь мнение о нем, которым можно поделиться.
Pro Tip: Если вы хотите, чтобы ваши страницы не перезагружались полностью, когда пользователи отправляют формы на вашем сайте, вы можете сделать это, создав форму WordPress с помощью AJAX.
2. Разместите кнопку обратной связи на своем веб-сайте
Использование кнопки обратной связи дает вам еще один простой способ запросить отзыв о вашем сайте.
Двухэтапный процесс нажатия на кнопку использует эффект Зейгарник, психологический принцип, согласно которому те, кто инициирует действие, с большей вероятностью его завершат.
После создания кампании опроса, как показано в пункте 1 выше, вы можете создать MonsterLink, перейдя в Правила отображения и добавив условие Если посетитель щелкнул MonsterLink .
Нажмите кнопку, чтобы скопировать код MonsterLink, затем добавьте его на свой сайт в виде кнопки.
Вот как вы создаете кнопку в WordPress. Используйте «Отзыв», «Поговорите с нами» или что-то подобное для текста кнопки. Когда посетители нажимают кнопку, они видят ваш опрос.
3. Предложите поощрение
Иногда вам нужно убедить клиентов оставить свой отзыв. Некоторые компании делают это, предлагая лид-магнит в обмен на заполнение опроса.
Например, это всплывающее окно обещает бесплатный подарок в обмен на ответ на пару вопросов:
Ваш стимул может быть:
купон
бесплатная электронная книга
контрольный список или шаблон
бесплатный путеводитель
Ознакомьтесь с этим списком идей лид-магнита, чтобы получить больше вдохновения.
С OptinMonster очень просто доставить лид-магнит.
После создания кампании перейдите в представление Success и добавьте элемент кнопки с действием Button Click Action , настроив его для перенаправления на URL-адрес. Затем добавьте URL-адрес для загрузки лид-магнита в поле Redirect URL .
Завершите настройку кампании, сохраните и опубликуйте.
Это позволяет доставить лид-магнит, как только посетители оставляют свои отзывы.Также неплохо отправить свой лид-магнит по электронной почте. Это начинает строить отношения и тренирует ваших клиентов с нетерпением ждать ваших писем.
4. Используйте чат
Если вы хотите знать, что на самом деле думают ваши клиенты, используйте чат, чтобы поговорить с ними, когда они находятся на вашем сайте.
Онлайн-чат быстро становится важным инструментом обслуживания клиентов, потому что:
Это удобно для клиентов и доступно для вас.
Это помогает увеличить продажи — согласно одному опросу, 38% клиентов сделали покупку, потому что они могли поговорить с кем-то.
Это позволяет вам выяснить, какие проблемы важны для клиентов до продажи, чтобы вы могли решить их в своем маркетинге.
Хорошие места для живого чата включают страницу с ценами и страницу оформления заказа, чтобы вы могли ответить на вопросы и уменьшить количество отказов от корзины. Если вы хотите реализовать чат на сайте WordPress, ознакомьтесь с этим списком программного обеспечения для живого чата.
Не готовы к живому чату? Чат-боты — отличная альтернатива! Узнайте, как легко подключить OptinMonster к ManyChat, чтобы создать своего собственного чат-бота или узнать больше о диалоговой коммерции.
Материалы по теме: Рекомендации в чате: как оптимизировать обслуживание клиентов
5. Попросите обратную связь в нужном месте и в нужное время
«Если вы хотите собирать полезные отзывы клиентов, важно задавать правильный вопрос нужным людям в нужное время», — говорит Запир. Это повысит ваши шансы получить ответ.
Получая отзывы клиентов, вы, вероятно, захотите задать разные вопросы на страницах с ценами и страницах оформления заказа.Вопросы на странице с ценами будут сосредоточены на информации, которая поможет посетителям совершить покупку, в то время как вопросы о проверке могут быть сосредоточены на оформлении заказа и покупке.
Вы можете использовать функцию таргетинга OptinMonster на уровне страницы, чтобы отображать разные формы обратной связи на разных страницах. Чтобы включить это, перейдите к Правилам отображения »текущий путь URL-адреса», точно совпадающему с , и введите путь URL-адреса.
Вы можете использовать правило для включения или исключения страниц, что позволяет отображать определенный опрос только на определенной странице или вообще не показывать его на определенной странице.
6. Узнайте, почему посетители покидают ваш сайт
Фирменная технология выхода компании
OptinMonster отлично подходит для сбора отзывов клиентов. Он определяет, когда люди собираются покинуть ваш сайт, и запускает кампанию.
Вот как мы собираем отзывы об OptinMonster:
Когда посетитель не готов к покупке и нажимает «Сначала у меня есть несколько вопросов!» они могут сразу же ввести свой отзыв:
Чтобы включить намерение выхода для всплывающего окна опроса, перейдите к Правила отображения и добавьте условие для Если обнаружен выход , затем выберите нужный уровень чувствительности.
Вы можете воссоздать приведенный выше пример, создав кампанию Да / Нет.
7. Попросите клиентов самостоятельно выбрать свои интересы
Один из быстрых, но эффективных способов получить обратную связь — создать кампанию, в которой вы просите людей выбирать их собственные интересы.
Это другой тип обратной связи, чем в ходе опросов, но он не менее ценен.
Примером может служить эта кампания по недвижимости. Он спрашивает, покупают ли посетители сайта или продают недвижимость.
С этой информацией компания может:
Выясните, что нравится большинству клиентов, и соответствующим образом нацелите рекламные акции.
Создание конкретных покупателей на основе реальных данных.
Отправляйте разные электронные письма в соответствии с предпочтениями клиентов, чтобы все они получали актуальную информацию.
Пример выше был создан с помощью кнопок Да / Нет в OptinMonster. Приведем еще один пример.
Представьте, что вы ресторан, предлагающий еду на вынос, и хотите узнать, какие клиенты предпочитают этот вариант, чтобы вы могли нацелить свой маркетинг на них.
Следуйте инструкциям по созданию вашей первой кампании.
Когда вы находитесь в конструкторе кампаний OptinMonster, нажмите Да / Нет , а затем Активировать просмотр .
После того, как вы разработали текст вашей кампании так, как вы хотите, вам нужно будет настроить действия кнопок. Начнем с настройки кнопки «Да» «Да» .
Введите URL-адрес страницы, на которую должны переходить люди. Например, вы можете создать специальную кампанию для тех, кто нажмет «Да», используя общие ссылки MonsterLinks.
Выполните тот же процесс, чтобы отредактировать кнопку «Нет».
После того, как вы сегментируете своих клиентов, вы сможете отправлять кампании, соответствующие их интересам, и даже собирать больше отзывов клиентов.
8. Monitor Analytics
Когда вы думаете о том, как собирать отзывы, не забывайте о веб-аналитике. Это позволяет легко определить, какие страницы привлекают внимание, а какие отталкивают клиентов.
Если вы являетесь пользователем WordPress, вы можете легко найти свои самые популярные сообщения в блоге с помощью MonsterInsights.Вы также можете отслеживать действия посетителей в Google Analytics.
Вы можете найти информацию о своем показателе отказов, войдя в Google Analytics.
Чтобы найти наиболее популярный контент, перейдите на страницу «Поведение » »Контент сайта» Все страницы . Прокрутите вниз до таблицы, чтобы увидеть наиболее посещаемые страницы.
Вместо этого вы можете посмотреть аналитику для целевых страниц , если хотите увидеть страницы, которые привлекают наибольшее количество посетителей извне вашего сайта.
Вы также можете изменить диапазон дат в правом верхнем углу и сравнить с предыдущим периодом, чтобы увидеть, что изменилось за последнее время.
9. Запустите пользовательское тестирование
Не всегда нужно использовать форму или опрос, чтобы получить отзывы клиентов. Вместо этого вы можете видеть, как люди взаимодействуют с вашим сайтом. В Usability Hub есть бесплатный 5-секундный инструмент для тестирования, который работает следующим образом:
Загрузите снимок экрана своей страницы. Вы также можете протестировать логотипы и маркетинговые материалы.
Люди смотрят на вашу страницу 5 секунд, затем Usability Hub спрашивает, что они помнят.
ответов записываются, чтобы дать вам представление о первых впечатлениях посетителей.
Вы также можете проверить навигацию, щелчки и настройки с помощью Usability Hub.
Что делать с отзывами, которые вы собираете
Благодаря такому количеству способов сбора отзывов клиентов у вас есть множество вариантов, что делать дальше. Вы можете:
Используйте отзывы, чтобы помочь в разработке продукта. Если несколько ваших клиентов просят одну и ту же функцию, это будет приоритетом.
Обратитесь к людям, которые дают вам отличную обратную связь, и укрепите отношения, чтобы превратить их в защитников. Как отмечает Forbes, они принесут вам больше бизнеса, активно продвигая ваши продукты и услуги.
Используйте положительные отзывы как социальное доказательство на своем веб-сайте. Это побудит других посетителей стать клиентами. Если вы действительно готовы повысить свое социальное доказательство, попробуйте TrustPulse — вы можете увидеть мгновенный рост конверсий с до 15% !
Теперь, когда вы знаете, как лучше всего собирать отзывы клиентов, подумайте об улучшении своего контента, чтобы повысить рентабельность инвестиций в контент-маркетинг … и улучшить обратную связь!
Еще не используете OptinMonster? Начните сегодня, чтобы превратить больше посетителей в подписчиков и клиентов.И не забудьте подписаться на нас на YouTube, Facebook и Twitter, чтобы получить более подробные руководства, подобные этому.
Опубликовано Jacinda Santora
Джасинда Сантора — писатель, специализирующийся на электронной коммерции и маркетинге роста. Она гордится своей способностью упрощать сложные вещи. Когда она не пишет, вы можете увидеть, как она мечтает о кемпингах, пьет кофе и слушает подкасты.
Как добавить на сайт форму обратной связи с клиентом
Ты слушаешь?
Открыто 21 Регистрация
Предстоящее мероприятие: Посмотрите, как наши коммерческие возможности могут помочь вашему бизнесу адаптироваться к меняющимся условиям на GoDaddy Open 2021 28 сентября.Зарегистрируйтесь на GoDaddy Open 2021.
Если вы внимательно посмотрите на веб-сайты, которые вы посещаете, вы заметите, что на большинстве из них есть какая-то функция обратной связи, которая позволяет вам делиться своими мыслями и чувствами по поводу опыта. Среди множества различных способов сбора отзывов форма обратной связи с клиентами является одним из наиболее ценных способов сбора откровенных отзывов клиентов.
Но наличие работающего механизма обратной связи на веб-сайте требует гораздо большего, чем просто создание веб-страницы с формой обратной связи с клиентом.Без надлежащего руководства сбор отзывов клиентов может оказаться чрезвычайно сложной задачей.
В этой статье я предоставлю пошаговое руководство по созданию формы обратной связи с клиентами для веб-сайта WordPress.
5 вещей, которые следует помнить при создании формы обратной связи для клиентов
Процесс создания механизма обратной связи может показаться простым, но создание эффективной формы обратной связи с клиентами — непростая задача. Процесс начинается задолго до того, как вы откроете панель управления WordPress.В этом разделе мы рассмотрим факторы, влияющие на успешность и степень заполнения вашей формы.
Определите свою цель.
Знайте, где разместить форму обратной связи с клиентом.
Уменьшите усилия пользователя.
Предложите стимул.
Не забывайте о доступности.
Давайте посмотрим, что вам нужно учесть, прежде чем вы начнете создавать форму обратной связи.
1.Определите свою цель
Прежде чем вы начнете собирать отзывы от клиентов, вы должны четко понимать, зачем они вообще нужны. Не имея четкого ответа на вопрос «почему?» Собранные вами отзывы не улучшат ваше понимание клиентов.
Ответьте на эти важные вопросы, чтобы помочь определить свою цель:
Какую часть потока клиентов вы хотите улучшить? (Какие идеи вы хотите собрать.)
Что вы будете делать с собранными данными? (Нет смысла собирать отзывы клиентов, если вы не планируете действовать в соответствии с ними.)
2. Знайте, где разместить форму обратной связи с клиентами
Есть два метода запроса обратной связи — пассивный и активный. Метод пассивной обратной связи — это обратная связь, инициированная пользователем (например, пользователь запускает форму обратной связи вручную, щелкая по кнопке / виджету, который может иметь метку «Отправить отзыв»). Активная обратная связь — это автоматически запускаемая форма обратной связи; это естественная часть пользовательского потока, которая появляется в то время, когда пользователи достигают определенного места назначения (например, после того, как клиенты просматривают предложение или макет дизайна).
Активная обратная связь более целенаправленная, поэтому у нее есть возможность доставлять более конкретные ответы клиентов.
В зависимости от характера формы обратной связи с клиентом вы хотите выбрать пассивный или активный методы обратной связи — возможно, даже оба типа обратной связи.
Пассивный метод: предоставляйте виджет обратной связи на каждой странице
Сделайте так, чтобы клиенты могли легко оставлять отзывы — добавьте ссылку в форму обратной связи или добавьте тонкий виджет формы на каждую страницу.
Активный метод: найдите подходящий момент, чтобы попросить отзыв
Если вы хотите собрать полезные отзывы клиентов, важно не только задавать правильные вопросы нужным людям, но и делать это в нужное время. Когда дело доходит до того, чтобы просить ваших клиентов высказать свое мнение, вы должны точно знать, когда следует запускать форму обратной связи. Например, вы можете отправить ссылку на форму обратной связи после того, как запустили веб-сайт клиента.
3. Снижение усилий пользователя
Уловка хорошей формы обратной связи состоит в том, чтобы упростить задачу.Обрежьте весь жир. Ограничьте количество задаваемых вопросов.
Простота побуждает клиентов отправлять отзывы, тогда как более длинные формы с большей вероятностью отпугнут клиентов, поскольку им требуется больше времени, чтобы прочитать / ответить.
Чем меньше полей в вашей форме обратной связи, тем выше будет конверсия.
Кроме того, не тратьте зря время и энергию своих клиентов, запрашивая информацию, которая у вас уже есть. Помните, что самые полезные отзывы помогут вам узнать то, чего вы не знаете.
И не заставляйте клиентов заполнять все поля в вашей форме — разрешите частичный ввод. Если они не хотят отвечать на некоторые вопросы, не мешайте им отправить форму. Сделайте возможным предоставление даже небольшого количества отзывов.
4. Предложите поощрение
Когда вы просите обратной связи, вы в основном просите об одолжении. Вы должны побуждать клиентов оставлять отзывы. Хотя общие фразы, такие как «Вы помогаете сделать наш дизайн лучше», могут работать для некоторых клиентов, вы, вероятно, увидите гораздо лучшую конверсию, если предложите стимулы для обратной связи.Стимулом может быть купон или скидка, бесплатная электронная книга или даже образец продукта.
Совет для профессионалов: Также неплохо было бы доставить подарок по электронной почте. Таким образом, вы можете автоматически отправить подарок после того, как клиент оставит свой отзыв.
5. Не забывайте о доступности
Разрешить пользователям перемещаться по форме с помощью клавиатуры. Установите порядок перехода, чтобы пользователь мог перемещаться по полям.
Добавление формы в WordPress
Пришло время создать настоящую форму.Хотя есть несколько бесплатных и платных плагинов для контактной формы WordPress, из которых вы можете выбрать, я хочу сосредоточиться на WPForms.
WPForms — один из самых простых плагинов обратной связи, который нужно настроить и начать использовать.
Это конструктор форм с перетаскиванием, который позволяет создавать довольно сложные формы без написания или изменения какого-либо кода. WPForms имеет две редакции — бесплатную (WPForms Lite) и платную (WPForms Pro). Я буду использовать WPForms Lite, потому что он позволяет мне создавать простую контактную форму.
1.Установить плагин
Вы можете установить плагин WPForms на свой сайт, войдя в свою панель управления WordPress и выбрав «Плагины »> «Добавить плагины ». Просто введите «WPForms» и затем нажмите Установить сейчас .
Не забудьте активировать плагин после установки.
2. Создайте новую контактную форму
Откройте конструктор форм WPForms с перетаскиванием и выберите шаблон формы. WPForms Lite поставляется только с несколькими готовыми шаблонами форм (такими как пустая форма, простая контактная форма, форма предложения и т. Д.).
Для этого примера я выберу Простую контактную форму. Плагин автоматически добавит несколько общих полей, таких как Имя, Электронная почта и Сообщение.
Вы можете легко изменить форму, перетащив определенные поля. По завершении нажмите Сохранить .
Просто перетащите поле, которое вы хотите добавить в форму обратной связи с клиентом, в нужное место.
3. Добавьте форму на страницу
После того, как вы создадите контактную форму, пора встроить ее на страницу.Вы можете создать новую страницу специально для формы обратной связи с клиентом или изменить существующую страницу, включив в нее контактную форму. При редактировании страницы просто нажмите кнопку «Добавить форму» в верхней части редактора и выберите контактную форму, которую хотите добавить.
Как только вы завершите этот шаг, контактная форма будет добавлена к содержимому вашей страницы. Теперь вы можете сохранить свою страницу и начать пользоваться формой обратной связи с клиентом. Это все!
Максимизировать эффективность канала
Процесс создания обратной связи не прекращается после того, как вы разместите форму обратной связи в Интернете.Вам нужно использовать аналитику, чтобы понять, как работает ваша форма. Выявите наиболее существенные моменты трений (те части, где пользователи не могут заполнить вашу форму) и внесите все необходимые изменения для улучшения взаимодействия.
Заключение
Теперь, когда вы знаете, как лучше всего собирать отзывы клиентов, начните использовать эти знания для создания идеальной формы обратной связи с клиентами. Действуйте на основе отзывов клиентов, чтобы предоставлять пользователям необходимые им продукты и услуги.
Автор изображения: Гэри Бендиг на Unsplash
Как создать лучшие онлайн-формы обратной связи
Хорошо продуманные онлайн-формы обратной связи — это начало хорошей программы цифрового взаимодействия.Хотя формы обратной связи часто путают с традиционными онлайн-опросами, нельзя отрицать, что применение формы обратной связи намного эффективнее. Онлайн-форма обратной связи — это инструмент, используемый для сбора отзывов о веб-сайтах и мобильных приложениях. Это способ для маркетологов постоянно следить за желаниями и потребностями клиентов и определять, достигли ли они своих целей в Интернете.
Создание эффективной онлайн-формы обратной связи может быть сложной задачей, но также необходимо для успеха вашей программы цифрового взаимодействия.В этом блоге мы определим и подробно рассмотрим три шага, которые вам следует предпринять для создания эффективных онлайн-форм обратной связи:
СТРОИТЕЛЬ: Используйте правильные элементы формы
ДИЗАЙН: Выберите свой собственный внешний вид
КОНФИГУРАЦИЯ: Адаптируйтесь к онлайн-путешествию и настройте триггеры
Но прежде чем мы начнем, давайте просто сядем поудобнее, расслабимся и поразмышляем, какой вид обратной связи мы ищем и чего мы хотим достичь с помощью этих форм обратной связи. Например, вы можете составить список идей, которые вы хотели бы получить, и расположить каждый элемент по уровню важности.
Некоторые области, которые следует учитывать, могут включать:
Почему посетители не покупают?
Почему они уходят с моего сайта?
Достигают ли мои клиенты своих онлайн-целей (например, регистрация, подписка, покупка, поддержка)?
Является ли содержание (например, информация о продукте) полезным / понятным?
Собирайте неограниченное количество отзывов
■
Бесплатная 14-дневная пробная версия
Кого вы спрашиваете?
И пока вы занимаетесь этим, не забудьте подумать, для кого предназначены эти вопросы.На каких посетителей вы ориентируетесь на своем веб-сайте? Уточняя это, вы можете применять более эффективные типы форм обратной связи, которые соответствуют вашим целям обратной связи и онлайн-целям ваших клиентов.
Хорошо, теперь вы готовы. Давайте начнем!
Примечание. Примеры, используемые в этом блоге, относятся к продукту Mopinion.
1. СТРОИТЕЛЬСТВО: Используйте правильные элементы формы
Выберите элементы формы обратной связи
В форму обратной связи можно добавить несколько элементов — от выставления оценок до открытых вопросов.Вы также можете реализовать в своей форме типичные элементы исследования. Используя программное обеспечение Mopinion, вы можете легко перетаскивать различные элементы формы обратной связи.
Примечание. Все элементы формы оптимизированы для мобильного Интернета. Их даже можно встроить в ваше мобильное приложение!
Существуют различные типы элементов оценки, которые вы можете добавить в свои формы, в том числе:
Net Promoter Score (NPS): Эта оценка измеряет готовность клиентов рекомендовать продукты или услуги вашей компании по шкале от 0 до 10.Если вы хотите измерить уровень лояльности и удовлетворенности клиентов, это хороший показатель для реализации. Кроме того, NPS (вероятно, один из самых популярных инструментов измерения) может дать вам четкое представление о том, кто ваши промоутеры (например, пассивные и недоброжелатели) — другими словами, кто с наибольшей вероятностью порекомендует ваш веб-сайт, продукты и / или услуги. . Но будьте осторожны с этим. Мы часто видим, что этот вопрос направлен не тем посетителям. Разумно запрашивать NPS у клиентов и посетителей, которые установили отношения с вашим брендом.
Оценка усилий клиентов (CES): Вероятно, одна из самых очевидных оценок, это мощный способ измерить удовлетворенность клиентов услугами, основанную на том, сколько усилий клиент приложил для достижения своей цели. Это важно, так как может указать, есть ли какие-либо препятствия, мешающие вашим клиентам получить то, что они хотят.
Рейтинг достижения цели (GCR): Этот показатель используется для измерения количества клиентов, которые достигают своей цели при посещении вашего веб-сайта.Это очень важный показатель, так как это лучший способ показать, насколько хорошо ваш сайт находит отклик у ваших клиентов.
В дополнение к популярным методам оценки существует также множество элементов исследования, которые вы можете включить в свои формы, такие как множественный выбор, раскрывающиеся списки выбора, переключатели (одиночный выбор) и различные категории отзывов, включая ошибки, предложения и контент. — все это можно редактировать по своему вкусу. Например, вы можете переписать сам вопрос, ответы и даже параметры оценки.
Маршрут
Для более опытных пользователей также доступна маршрутизация. Это используется, когда вы хотите, чтобы клиент ответил на последующий вопрос на основе своего предыдущего ответа. Например, вы использовали элемент NPS в своей форме. В своем отзыве вы видите, что у клиентов довольно низкий рейтинг, но это не обязательно объясняет, почему. Включив дополнительный вопрос, например «Почему вы недовольны» или «Что мы можем сделать, чтобы улучшить», вы получите больше аргументов в пользу того, почему вы получили такой низкий балл.
Контактная информация посетителя
Еще один полезный компонент для ваших форм обратной связи — это сбор контактных данных ваших посетителей. Например, вы можете создать форму, которая запрашивает следующую информацию: полное имя, адрес электронной почты и номер телефона. Используя эту информацию, вы можете отслеживать отзывы, предоставленные каждым клиентом, иными словами, принимать меры.
Несколько полезных советов:
1. Используйте систему оценки
Использование системы оценки или оценки может быть очень простым способом побудить ваших клиентов предоставить вам количественную обратную связь.А поскольку он количественный, его также очень легко проанализировать и понять.
Например, CES — это очень гибкий рейтинг в том смысле, что он может применяться к нескольким различным точкам взаимодействия на веб-сайте. Кроме того, NPS, вероятно, один из самых популярных инструментов измерения, может дать вам четкое представление о том, кто ваши промоутеры, ваши пассивы и недоброжелатели — другими словами, кто больше всего доволен вашим веб-сайтом, продуктами, услугами.
2. Чем короче, тем лучше
Постойте на секунду на месте ваших клиентов.Заполнение формы из 20 вопросов далеко не идеально. Чем длиннее ваша форма, тем больше вероятность, что ваши клиенты пропустят процесс. Будьте краткими, но содержательными.
3. Умейте взаимодействовать
Не усложняйте свои вопросы — четко выражайте то, что вы спрашиваете, чтобы ваши клиенты понимали.
Всегда старайтесь включать один или два вопроса, на которые требуется открытый текст. Это даст вам более глубокое представление о том, что чувствуют ваши клиенты, и даже сможет генерировать идеи, о которых вы даже не догадывались.
И ни в коем случае не направляйте своих клиентов. Вопросы задавайте нейтрально и дайте им возможность быть честными с вами.
2. ДИЗАЙН: Выбираем внешний вид
Теперь, когда у вас есть все формы, настроенные с точки зрения вопросов, которые вы хотите задать, пришло время персонализировать ваши формы, придав им свой собственный внешний вид.
С помощью программного обеспечения Mopinion вы можете выбрать один из множества заранее разработанных шаблонов для создания и запуска ваших форм обратной связи.Это хорошо для пользователей, которые хотят быстро внедрить свои формы обратной связи.
Фирменные формы обратной связи
Кроме того, вы можете персонализировать внешний вид ваших форм обратной связи, согласовав их с корпоративным стилем или стилем вашей компании. Подобно этапу «сборки», когда вы настраивали различные элементы оценки и вопросов в форме обратной связи, на этапе «проектирования» вы можете включить такие элементы, как логотип вашей компании, и сделать форму так, как если бы она была частью вашей формы. Веб-сайт.
Вы также можете редактировать элементы дизайна, такие как шрифт, цвета фона, цвета кнопок и все текстовые элементы, такие как страница «Спасибо / Отправка» или заголовки / заголовки. Это важно, поскольку позволяет адаптировать формы обратной связи к вашему бренду.
Дополнительные советы по дизайну
Избегайте беспорядка: С точки зрения дизайна важно, чтобы ваша форма была простой. Если он покажется вам слишком сложным или запутанным, ваши клиенты, скорее всего, испугаются.
Не заставляйте клиентов оставлять отзывы: Имейте в виду, что ваши клиенты не обязательно должны оставлять вам отзывы — это чисто добровольно. Не делайте поля обязательными для заполнения клиентами. Даже небольшой отзыв может оказаться полезным.
Хорошо наклеивайте этикетку: Обязательно храните все в ясном и визуально привлекательном формате. Если вашему клиенту нужно угадать, где ввести свою фамилию, у вас обязательно возникнут проблемы. Избегайте разочарования и четко обозначьте свои поля.
3. НАСТРОЙКА: адаптироваться к онлайн-путешествию
Хорошо, вы подошли к последнему и, вероятно, самому тактическому шагу. На пути к покупке есть несколько точек соприкосновения, которые служат хорошими моментами для отправки запросов на обратную связь. Однако, если сузить круг вопросов, можно выделить два основных пункта, которые оказались наиболее эффективными: формы завершения задачи и формы выхода.
Форма обратной связи о завершении задачи
Таргетинг на клиентов, которые выполнили определенную задачу где-то на вашем веб-сайте, может быть очень показательным.С помощью этого типа формы обратной связи вы можете задавать конкретные и актуальные вопросы о процессе, который они только что завершили — была ли это покупка или создание новой учетной записи и т. Д. Чтобы вызвать эти формы, вы можете сделать одно из двух: вы Вы можете встроить форму на страницу завершения или автоматически открыть модальную форму (или запустить ее с помощью кнопки обратной связи). В последнем случае вы можете выбрать расположение кнопки обратной связи и отредактировать дизайн (например, цвет, текст и значок). С помощью информации, которую вы получаете от своих клиентов, вы можете улучшить процесс и повысить общую удовлетворенность клиентов.
Выход из формы обратной связи
Клиенты часто бросают свои действия в Интернете. Например, они добавят несколько товаров в корзину, а затем покинут ваш веб-сайт. Заполнив форму обратной связи о выходе, вы можете спросить, почему это происходит. «Почему вы не совершили покупку?» «Как мы можем улучшить процесс оформления заказа?» Формы обратной связи при выходе срабатывают, когда посетитель покидает страницу, на которой он находится. Эти формы могут быть запрошены в зависимости от поведения мыши, закрытия браузеров посетителем и т. Д.В следующем абзаце вы узнаете больше о запуске этих форм.
Расширенные настройки
С Mopinion вы можете сделать свои формы обратной связи на несколько шагов дальше. В расширенных модальных настройках вы можете настроить проактивные формы обратной связи, которые появляются в зависимости от поведения кликов, выбрать процент пользователей, которым вы хотели бы видеть форму обратной связи, или установить таймер, в течение которого пользователь находится на странице. до появления формы обратной связи (например, через 30 секунд).
Кроме того, вы можете настроить триггер на основе URL-адреса (или ключевых слов в URL-адресе) или показать форму обратной связи на основе файлов cookie или переменных javascript на странице.Например, формы выхода могут использоваться, чтобы показать, когда посетитель покидает страницу — например, корзина покупателя. Это срабатывает, когда мышь покидает экран или когда пользователи хотят щелкнуть элементы управления браузером, чтобы покинуть веб-сайт.
Режим предварительного просмотра
После того, как вы сохранили изменения в системе и настроили форму, вы можете использовать нашу страницу предварительного просмотра, чтобы увидеть изменения и то, как они выглядят в форме. Это отличный способ воочию увидеть, что увидят ваши клиенты, когда им будет предложено заполнить форму обратной связи.
Анализируйте и действуйте
Все настроено? Пришло время для самой важной части процесса: анализа и действий.