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


Форма обратной связи для сайта с отправкой на почту

  • Статьи
  • Видеоуроки
  • Таймлайн
  • Вопросы
  • Поиск
    • Войти
    • Регистрация
  • HTML & CSS
  • JavaScript

6 Типы онлайн-форм обратной связи и способы их использования

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

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

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

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

Шесть типов онлайн-форм обратной связи, которые вы можете использовать

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

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

1. Всплывающие окна опросов и отзывов

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

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

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

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

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

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

2. Встроенные / встроенные формы

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

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

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

3. Сообщения электронной почты

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

Этот подход отлично подходит для:

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

Например, Airbnb отправляет эту форму обратной связи клиентам по электронной почте:

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

4. Встроенные формы обратной связи в интерактивном чате

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

Есть несколько способов сделать это.

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

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

5.Боковая кнопка

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

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

Вот пример от Qualtrics:

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

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

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

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

Здесь нет правильного или неправильного - это просто важно помнить при создании онлайн-форм обратной связи.

6. Социальные сети

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

Например, вот инструкции по созданию опросов:

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

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

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

Посмотрите, как команда американского футбола Oakland Raiders опросила своих фанатов о том, какой тип видеоконтента они хотят видеть:

Три быстрых совета по правильному внедрению онлайн-форм обратной связи

Независимо от типа формы обратной связи вы хотите реализовать, эти советы помогут вам в этом успешно…

1.Знайте, почему вы просите обратной связи.

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

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

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

2. Обратите внимание на вопросы, которые вы задаете.

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

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

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

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

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

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

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

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

Кроме того, для более длительных опросов начните с простых , простые вопросы. Как рекомендует Джузеппе Ларосси в своей книге The Power of Survey Design , вы должны начать с простого, чтобы «укрепить уверенность в цели опроса».

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

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

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

.

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

Действительно ли ваши клиенты довольны вашим продуктом или услугой?

Можете ли вы хотя бы ответить на этот вопрос? Вы знаете, как это понять?

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

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

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

Создать учетную запись Getsitecontrol

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

Начать работу бесплатно →

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

Без лишних слов, давайте перейдем к делу.

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

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

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

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

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

CSAT (Опрос удовлетворенности клиентов)

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

Форма CSAT обычно измеряет удовлетворенность клиентов по шкале от 1 до 5, где 1 означает полное неудовлетворение, а 5 означает полное удовлетворение.

Вот пример простой формы опроса CSAT на базе Getsitecontrol:

Если вы хотите добавить ее на свой веб-сайт, просто нажмите ссылку Просмотреть в реальном времени и следуйте инструкциям.

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

Чтобы рассчитать свой результат CSAT, вы можете использовать простое уравнение. Разделите количество довольных клиентов на общее количество ответов на опрос и умножьте на 100. Ваши довольные клиенты - это те, кто ответил 4 или 5.

Например, если у вас есть 26 ответов клиентов, из которых 20 - 4 или 5, ваша оценка CSAT составит 20 / 26x100. Что равно 76,9%.

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

Для этого вы можете:

  • Разместите всплывающее окно опроса на своем веб-сайте
  • Отправьте ссылку на опрос по электронной почте

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

NPS (Исследование Net Promoter Score)

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

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

Как только вы откроете раскрывающееся меню, появится шкала от 0 до 10, где 0 означает «Совсем не вероятно», а 10 означает "Очень вероятно".

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

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

CES (Исследование оценки усилий клиентов)

Опросы оценки усилий клиентов помогают понять, насколько легко вести с вами дела.

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

Вот пример формы опроса CES:

Данные, которые вы собираете из нее, жизненно важны для увеличения конверсии.

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

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

Например, вы можете отобразить его после клиента:

  • Использует ваш продукт или услугу
  • Обсуждается в чате со службой поддержки клиентов
  • Просматривает раздел справки на вашем веб-сайте

Дополнительные примеры опросов CES, ознакомьтесь с нашим руководством по измерению оценки усилий клиентов.

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

Хотя CSAT, NPS и CES считаются тремя столпами опросов отзывов клиентов, иногда вам может потребоваться задать разные типы вопросов.

Ниже мы покажем наиболее распространенные примеры.

Открытые вопросы

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

Открытые вопросы часто отвечают на вопрос «почему», что вам нужно изменить и улучшить свой продукт.

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

Например, посмотрите, как Reebok отображает вставку формы обратной связи с покупателем прямо на странице продукта:

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

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

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

Самый важный совет? Задавайте конкретные вопросы и не стесняйтесь добавлять микрокопии, чтобы респондентам была понятна цель вопроса.

Демографические опросы

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

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

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

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

Опросы на выходе с веб-сайта

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

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

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

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

Если есть сомнения, используйте опросы по шкале Лайкерта.

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

Какие именно?

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

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

Например, вот опрос, отображаемый Fiverr, торговой площадкой для услуг фрилансеров, после того, как вы приняли проект и подтвердили оплату.

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

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

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

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

Как правило, вы можете отображать их на своем веб-сайте или отправлять своим клиентам по электронной почте. Мы собираемся показать вам, как использовать обе тактики.

Отобразите форму обратной связи с клиентами на своем веб-сайте

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

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

  • Зайдет на выбранную страницу
  • Проведет некоторое время на странице
  • Прокручивает содержимое страницы вниз
  • Начинает переход к кнопка выхода
  • Нажимает на любую ссылку на странице

Наличие формы обратной связи с клиентами на вашем веб-сайте удобно для проведения опросов Touchpoint.

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

Чтобы создать всплывающее окно опроса для своего веб-сайта, выберите шаблон опроса из галереи Getsitecontrol и добавьте его на свою панель управления. Затем перейдите на вкладку Targeting , введите URL-адрес страницы, на которой вы хотите отображать опрос, и выберите желаемое условие.

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

Ссылка на форму обратной связи с клиентами по электронной почте

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

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

Обратите внимание на то, как Saks Fifth Avenue отправляет опрос NPS по электронной почте через неделю после того, как вы совершили покупку на их веб-сайте.

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

Чтобы воспроизвести этот сценарий, вы можете использовать такой инструмент, как Getform. С его помощью вы сможете создать свою собственную форму Net Promoter Score и скопировать на нее прямую ссылку. Затем вы можете разместить эту ссылку в дополнительном электронном письме, отправленном вашим клиентам.

Почему так важно иметь форму обратной связи с клиентом?

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

Активно спрашивая мнение клиентов, вы показываете, насколько оно ценно. А когда они чувствуют, что их слышат и ценят, это веская причина оставаться верными вашему бренду. Это 101 персонализация!

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

Начните собирать отзывы клиентов уже сегодня.

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

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

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

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

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

Начать работу бесплатно →

Хотите отправлять формы обратной связи своим клиентам? Тогда вам понадобится Getform.Используйте шаблоны опросов клиентов или создайте свою собственную онлайн-форму с нуля и сделайте ссылку на нее из последующего электронного письма или прямого сообщения.

Советы по вашей маркетинговой стратегии

.

примеров + как получить [2020]

Содержание

Что такое обратная связь с веб-сайтом?

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

Ценность отзывов о веб-сайтах (что и почему)

Зачем собирать отзывы пользователей, если вы можете видеть, что люди делают, с помощью инструментов веб-аналитики , инструментов , таких как Heatmaps , Session Recordings и устаревший Google Analytics?

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

Что бы вы сделали, например, если бы заметили огромное падение количества товаров на странице вашего заказа? Инструменты Analytics могут сказать вам , что делают ваши пользователи (например.g., 70% бросили до заполнения формы заказа), , но только инструменты обратной связи на веб-сайте могут сказать вам , почему это происходит (например, высокая стоимость доставки пугает их).

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

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

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

Типы отзывов на сайте

Обратная связь может иметь разные формы: от опросов на странице до отзывов клиентов и основных форм обратной связи.Вот некоторые из наиболее распространенных источников отзывов о веб-сайтах:

Всплывающие опросы на веб-сайте

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

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

Опросы на сайте

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

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

Виджеты обратной связи с веб-сайтом

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

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

Вот отличный пример:

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

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

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

Давид Дарманин - генеральный директор Hotjar

Дополнительные источники отзывов на сайте

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

Специальные страницы обратной связи: некоторые веб-сайты включают страницы обратной связи, к которым пользователи обычно переходят со страницы контактов.

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

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

Что такое опрос отзывов на веб-сайте?

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

  1. Доверяют ли посетители нашему сайту?
  2. Предоставляем ли мы им нужную информацию?
  3. Насколько привлекателен наш сайт?
  4. Возвращаются ли посетители на наш сайт?
  5. Заставляем ли посетителей чувствовать себя на нашем сайте в безопасности?

7 лучших вопросов для опроса отзывов о веб-сайтах

При сборе отзывов клиентов мы рекомендуем задавать вопросы по следующим темам:

  • Драйверы: Что привлекает пользователей на ваш веб-сайт?
  • Барьеры: что мешает некоторым пользователям конвертировать?
  • Хуки : какие хуки убеждают других пользователей совершить конверсию?

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

Драйверы: задавайте правильные вопросы на страницах с высокой посещаемостью и целевых страницах

  1. Как мы можем улучшить эту страницу?

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

2. Где вы впервые узнали о нас?

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

3. Почему вы ищете [продукт или услугу] сегодня?

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

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

4. Что, во всяком случае, мешает вам [принять меры] сегодня?

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

5. Каковы ваши основные проблемы или вопросы о [продукте или услуге]?

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

Хуки

: задавайте эти вопросы после того, как пользователи конвертируют

6. Что побудило вас [принять меры] сегодня?

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

7. Спасибо за [принятие мер]! Как вы планируете использовать [продукт или услугу]?

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

Эти вопросы помогут вам начать работу, но когда вы будете готовы копать глубже, у нас будет больше информации:

10 вариантов использования для улучшения вашего веб-сайта на основе отзывов клиентов

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

Пример использования №1: повышение удобства использования вашего веб-сайта

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

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

Пример использования : Matalan, ведущий розничный торговец модной одеждой из Великобритании, использовал инструмент Hotjar Incoming Feedback (вместе с некоторыми опросами Hotjar), чтобы выявить проблемы с удобством использования , и они переработали элементы своего веб-сайта для решения этих проблем.Когда они A / B протестировали новые функции, Matalan продемонстрировал рост числа победителей в тестах на 17%. Другими словами, получение отзывов о дизайне веб-сайтов от пользователей, тестирующих , помогло им оптимизировать работу пользователей.

Пример использования № 2: измените дизайн своего веб-сайта

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

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

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

Пример использования № 3: увеличьте коэффициент конверсии на целевых страницах

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

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

Вопрос, который нужно задать : «Быстрый вопрос: как мы можем улучшить эту страницу?»

Пример использования №4: улучшите свою домашнюю страницу

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

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

Вопросы, которые нужно задать:

    1. «Вы нашли то, что искали сегодня?» (Да или Нет)
      1. Если они ответят «Да», переходите к вопросу № 3
      2. Если они ответят «Нет», переходите к вопросу № 2
    2. «Скажите нам, что отсутствует?»
    3. «Если бы вы могли каким-либо образом изменить эту страницу, что бы вы заставили нас сделать?»
      1. Примечание. Большинство пользователей оставляют товары в корзине.Понимание того, почему может помочь вам повысить конверсию.

Пример использования 5: увеличьте объем продаж в электронной коммерции

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

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

Вопросы, которые нужно задать :

  1. «Как бы вы в целом оценили свой опыт?» (Оцените по шкале от 1 до 5)
    Примечание. Этот не требующий особого внимания вопрос открывает вам дорогу, чтобы вы могли задать другие вопросы позже.
  2. В зависимости от того, как они оценивают свой опыт:
    1. Если 1-3, спросите: «Как мы можем улучшить ваш опыт?»
    2. Если 4-5, спросите: «Что вам понравилось в вашем опыте?»
  3. «Что чуть не помешало вам совершить покупку?»

Пример использования № 6: понять, почему люди уходят, переходят на более раннюю версию или отменяют

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

Как это делается : добавьте опросы на странице и / или опросы о намерениях выхода на ваши страницы с частым переходом.

Вопрос, который нужно задать : «Что, во всяком случае, мешает вам принять меры сегодня?»

Пример № 1 : HubSpot

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

HubSpot Academy увеличила коэффициент конверсии , добавив опрос о намерениях выхода, который задавал один простой вопрос, когда пользователи решили уйти: «Не для вас? Расскажи почему?

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

Пример № 2: Эксперты по коэффициенту конверсии

Эксперты по коэффициенту конверсии помогли таким гигантам, как Google, Apple, Amazon и Facebook повысить коэффициент конверсии, и они фактически придумали фразу «оптимизация коэффициента конверсии» еще в 2007 году. Любимые методы экспертов по коэффициенту конверсии - это опрос о намерениях выхода, в котором задаются два вопроса:

  1. «Быстрый вопрос… Вы нашли информацию, которую искали на этой странице?»
  2. Основано на ответе:
    1. Если да, спросите: «Отлично! Как мы могли бы улучшить эту страницу? »
    2. Если нет, спросите: «Жаль это слышать! Не могли бы вы сказать нам, чего не хватало? »
  3. «Спасибо за ваш отзыв.Если вы хотите получить ответ, оставьте свой адрес электронной почты ниже. (Мы не будем использовать его ни для чего другого!) »

«Исследования - это огромная часть нашего успеха, это основа всего, что мы делаем с нашими клиентами. Мы не догадываемся, что не так с интернет-бизнесом. Узнаем. Это работа нашего исследовательского отдела. Ключевой вопрос, на который нужно ответить, - «Почему посетители не переходят на другую сторону?», И мы не оставляем камня на камне, чтобы найти ответ ».

Мартин Стоун - руководитель отдела исследований, эксперты по коэффициенту конверсии

Пример использования № 7: выясните, имеет ли смысл ваше ценообразование

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

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

Вопросы, которые нужно задать :

  1. «У нас ясные цены?» (Да или Нет)
  2. На основании их ответа:
    1. Если да, спросите: «Замечательно! Что было для вас самой большой проблемой, разочарованием или проблемой при поиске подходящего [типа продукта] в Интернете? »
    2. Если нет, спросите: "Что сбивает с толку в наших ценах?"
  3. «Чего нам не хватает в [продукте или услуге]?»

Пример использования № 8: улучшение молвы

Почему это важно : рекомендации клиентов - это бесплатная эффективная реклама, и лучший способ выяснить, достаточно ли вы нравитесь вашим клиентам, чтобы рекомендовать вас, - это измерить ваш Net Promoter Score® (NPS).

Чтобы определить свой NPS, спросите своих клиентов, насколько вероятно, что они порекомендуют вас (по шкале от 0 до 10). Затем вычтите процент респондентов, ответивших на 1–6 ответов (ваши недоброжелатели), из процента, ответивших на 9–10 (ваши промоутеры). Результат - ваш NPS.

Как это делается : настройте опрос на своей главной странице (ах) конверсии.

Вопросы, которые нужно задать :

Стандартный вопрос о NPS очень прост:

«По шкале от 0 до 10, насколько вероятно, что вы порекомендуете [компанию] другу или коллеге?»

Чтобы получить максимальную пользу от опроса NPS, мы рекомендуем вам всегда задавать уточняющий вопрос, например: «Какова основная причина вашей оценки?» - чтобы понять контекст, стоящий за оценкой людей.

(Примечание: если вы используете Hotjar, вы можете выбрать опрос NPS из раскрывающегося меню и настроить опрос NPS в Hotjar за 5 минут ).

Пример использования # 9: создание простого образа пользователя

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

Как это делается : добавьте опрос на часто посещаемую страницу, например на вашу домашнюю страницу, которая появляется через пять секунд.

Вопросы, которые нужно задать :

  1. «Опишите себя одним предложением (например, я 30-летний маркетолог из Дублина, который любит писать статьи об отзывах на веб-сайтах.) »
  2. « Какова ваша основная цель при использовании нашего [веб-сайта / продукта]? »
  3. «Что мешает вам предпринять какие-либо действия?»

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

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

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

Кристина Вагнер - Дизайнер взаимодействия, Smallpdf

Пример использования № 10: понимание конкурентной среды

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

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

Вопросы, которые нужно задать :

  1. «Вы смотрели на какие-либо другие компании, которые предлагают [продукт или услугу]?» (Нет / Да / Еще нет, но я буду).
  2. На основании их ответа на вопрос выше:
    1. Если нет, спросите «Почему нет?»
    2. Если да, спросите: «На кого еще вы смотрели?»
    3. Если нет, спросите: «На кого еще вы планируете посмотреть?»

Пример : Майкл Агард, международный основной докладчик и оптимизатор конверсии, использовал эти вопросы опроса для оценки конкурентной среды в Unbounce.Он узнал, что подавляющее большинство (83%) потенциальных клиентов компании проверяли (или планировали проверить) более одного поставщика перед принятием решения (что неудивительно). Что его действительно удивило, так это то, что он узнал о конкурентах, о существовании которых даже не подозревал.

«Вторые люди создали целевую страницу; Я говорю им, чтобы они начали опрос отзывов. Люди думают, что им нужно начинать A / B-тестирование прямо сейчас, но я говорю: «Нет!» Сначала проведите исследование, а потом вы лучше проведете тестирование.”

Michael Aagaard, международный основной докладчик и оптимизатор конверсии

Обратная связь с веб-сайтом Часто задаваемые вопросы

Будет ли запрос обратной связи раздражать моих пользователей, ухудшать их впечатление и / или снижать коэффициент конверсии?

Значок стрелки

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

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

Какой размер выборки хороший?

Значок стрелки

Хорошее эмпирическое правило - стремиться получить как минимум 100 ответов, с которыми вы можете работать.

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

Каков средний процент завершения?

Значок стрелки

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

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

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

Значок стрелки

Прежде всего, подумайте о добавлении «... и будьте на 100% честны »в конце вашего первого вопроса.

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

Как я могу получить больше ответов?

Значок стрелки

Следующие советы могут увеличить вашу скорость ответа :

  • Начните первое приветствие с неформального: «Привет... »
  • Назовите свой опрос« быстрым »
  • Если вы задаете только один вопрос, дайте им знать заранее, начав с« Один быстрый вопрос… »
  • Если вы задаете несколько вопросов, начните задайте простой вопрос «да» или «нет», чтобы войти в дверь, а затем задайте открытый вопрос
  • Сосредоточьтесь на страницах с высокой посещаемостью
.

Как создать контактную форму с помощью Expression Web (thesitewizard.com)

Глава 9: Создание электронной веб-формы для отзывов посетителей


Кристофер Хенг, thesitewizard.com

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

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

Цель этой главы

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

Нельзя просто разработать веб-форму и ожидать, что она заработает

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

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

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

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

Компоненты системы контактных форм

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

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

  1. Сама контактная форма

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

  2. Страница благодарности

    Это страница, которую ваши посетители увидят после того, как успешно отправят сообщение. Вы будете создавать это себя в Expression Web.

  3. Страница ошибки

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

    Как и страница «Спасибо», вы создадите эту страницу в Expression Web.

  4. Скрипт формы обратной связи

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

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

    После передачи сообщения другим программам в системе сценарий сообщает веб-браузеру посетителя перейти на страницу "Спасибо".

Системные требования

Чтобы контактная форма работала, необходимо следующее.

  1. Ваш веб-хост должен позволять запускать сценарии PHP

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

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

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

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

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

Как создать контактную форму

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

  1. Перейти к контакту (или обратной связи) мастера формы.

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

  3. Нажмите кнопку «Перейти к шагу 2».

  4. Вы перейдете к шагу 2 мастера. Введите следующее.

    • Адрес электронной почты

      Введите адрес электронной почты, на который вы хотите получать комментарии посетителей. Например, введите "[email protected]" (без кавычек), если это ваш адрес электронной почты.

    • URL формы обратной связи

      Введите " http://www.example.com/feedback.html " (без кавычек) в это поле, заменяя " www.example.com "на адрес вашего веб-сайта. Обязательно используйте имя файла " feedback.html ", поскольку вы уже использовали его в главах 6 (для меню навигации) и 7 (карта сайта) для ссылки на эту форму. Если вы измените имя сейчас, все ваши ссылки будут неработоспособны.

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

      Обратите внимание, что использование « feedback.html » в качестве имени файла не заставляет вас вызывать Ваша форма «Форма обратной связи». Вы можете называть это как угодно, например "Контактная форма", "Связаться с нами", «Поддержка», «Отзыв», «Помощь», «Комментарии», «Оставить заметку» или что-то еще. Это просто имя файла; это не имеет ничего общего с тем, что вы называете своей формой, или с тем, как вы описываете ее своим посетителям.То есть ничто не мешает назвать файл « feedback.html » и называя это «Форма поддержки» или «Контактная форма». Поэтому я настоятельно рекомендую вам просто используйте " feedback.html " в качестве имени файла. Процедура в этой главе уже достаточно сложный, без необходимости мысленно жонглировать именем, которое не соответствует инструкции учебника.

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

    • URL страницы с благодарностью

      Введите " http://www.example.com/thankyou.html " в это поле без кавычек и после замены " www.example.com " фактическим веб-адресом вашего сайта. Снова, То же самое касается изменения имен файлов, о котором я упоминал выше.

    • URL страницы ошибки

      Введите в это поле « http://www.example.com/error.html ». Как обычно, не включайте кавычки и используйте свой фактический веб-адрес вместо моего " www.example.com "заполнитель. И снова, помните, что я сказал выше об изменении имен файлов.

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

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

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

  1. Если в Expression Web открыт какой-либо файл, закройте его, выбрав «Файл | Закрыть» в меню. То есть, для каждого открытого файла щелкните меню "Файл", а затем пункт "Закрыть" в раскрывающемся меню. что появляется.

  2. В меню выберите «Файл | Новый | PHP».

  3. Появится, казалось бы, пустая страница. Увы, страница на самом деле не пустая, поэтому придется ее исправить.

    Щелкните вкладку «Код» в нижней части пустой страницы, чтобы переключиться в представление кода Expression Web.

  4. Вы увидите HTML-код по умолчанию, который Expression Web вставил на страницу. Нажмите «Редактировать | Выбрать все». из меню, чтобы выделить все.

  5. Нажмите клавишу Delete на клавиатуре. Это удалит текст.

  6. Вернитесь в свой браузер. Щелкните мышью один раз в поле «Скрипт формы обратной связи». раздел.Это автоматически выделит все там.

  7. Щелкните правой кнопкой мыши, пока указатель находится над выделенной областью. Нажмите «Копировать» во всплывающем меню.

  8. Вернитесь в Expression Web и нажмите «Правка | Вставить» в меню.

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

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

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

  10. Щелкните «Файл | Сохранить как»... »из меню.

  11. Введите «feedback.php» (без кавычек) в открывшемся диалоговом окне «Сохранить как».

  12. Нажмите кнопку «Сохранить».

  13. Немедленно нажмите "Файл | Закрыть" в меню, чтобы закрыть файл, прежде чем вы случайно переделать что-нибудь.

Как вставить контактную форму

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

  1. Щелкните «Файл | Создать | Создать из динамического веб-шаблона ...» в Expression Web.

  2. Щелкните "index.dwt" или как там называется ваш файл шаблона.

  3. Нажмите кнопку «Открыть».

  4. Нажмите кнопку «Закрыть» в появившемся диалоговом окне «Файлы обновлены (1 из 1)».

  5. Щелкните «Файл | Свойства», чтобы открыть диалоговое окно «Свойства страницы».

  6. Измените поле заголовка на то, что вы хотите назвать страницей. Например, если вы хотите позвонить на странице «Контактная форма» введите последнее (конечно, без кавычек) в поле Заголовок.

  7. Щелкните кнопку «ОК».

  8. Удалите содержимое в правом столбце и введите «Контактная форма» (или «Форма обратной связи», или «Поддержка», либо как хотите) вверху страницы в виде заголовка.

  9. Переключитесь в браузер и прокрутите страницу вниз до раздела с заголовком «HTML-код».

.

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

Поделиться в соц. сетях

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

Оставить комментарий