Как оформить страницу «Контакты» на сайте

С помощью форм обратной связи на сайте можно организовать сбор отзывов от посетителей или приём заказов на услуги или товары.

Заключение

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

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

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

  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Программа курса

Как добавить кнопку на сайт?

В разделе «Сделки» войдите в настройки нужной воронки и нажмите «Добавить» источник сделок на левой панели.

Как добавить кнопку на сайт?

Появится окно с источниками сделок.  Найдите источник «Кнопка и сайт-визитка» и нажмите «Добавить».

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

Как добавить кнопку на сайт?

 Чтобы добавить канал WhatsApp в кнопку выберите иконку WhatsApp:

После этого он перейдет в правую часть поля. Нажмите на иконку WhatsApp и перейдите к настройкам.

Как добавить кнопку на сайт?

В появившемся окне нажмите «Добавить» под виджетом Wazzup. 

AmoCRM выдаст ошибку:

Как добавить кнопку на сайт?

Это баг, над которым мы работаем. Закройте окно и сохраните изменения в окне создания кнопки:

После этого в левой части панели появится «Кнопка на сайт». Это означает, что кнопка готова к использованию. Чтобы изменить настройки или скопировать код для вставки на сайт, нажмите на нее:

Как добавить кнопку на сайт?

 В окне настроек скопируйте код и вставьте в HTML-разметку вашей страницы. 

На сайте появится кнопка amoCRM, внутри которой будет WhatsApp. По нажатию на нее клиент перейдет в WhatsApp Web или в десктопную версию.

Как добавить кнопку на сайт?

Исследование: как контакты влияют на SEO

В 2018 году Лаборатория поисковой аналитики компании «Ашманов и партнеры» провела исследование и попыталась найти корреляцию разных факторов с ранжированием сайтов в Яндексе и Google. Рассмотрим связь попадания сайта в топ-3 и топ-30 с наличием разных контактов на сайте компании.

Телефон и адрес особенно важны для локальной выдачи

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

Приоритет у компаний с филиалами

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

Стационарный телефон лучше мобильного

Наличие номера 8-800 влияет на ранжирование положительно, а многоканальный телефон скорее негативною.

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

Обратный звонок дает преимущество

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

В топе Яндекса сайтов с функцией обратного звонка две трети, в Google еще больше.

Читайте также:  Компания Intel: взлеты и падения в истории известного бренда

Рекомендации

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

Разберем, как оформить страницу «Контакты», и какие элементы ожидают увидеть пользователи на этой странице.

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

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

    1. JQTransform – плагин который позволяет сделать нашу форму обратной связи красивой!

    2. formValidator – а этот плагин проверяет форму контактов на правильность введенной информации и в случае чего выводит всплывающие подсказки!

Для полноценной работы этой формы будет использован класс – PHPMailer. Считается одним из лучших!

Заметка для самых умных:

Форму обратной связи для сайта можно сделать на HTML! Но работать она начнет только при помощи PHP! И никак иначе!

Это я для тех, кто ищет форму обратной связи только на HTML. Сделать сделаете, но работать она не будет!

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

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

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

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

    1. Эта форма обратной связи заточена под буржуев, от туда же и скачена, поэтому она будет присылать вам вместо нормальных русских символов – кракозяблы. Разберитесь с кодировкой. Да и вообще все «тюлени» будут связаны с этим!

    2. Скрипт валидации изначально не понимает наши букв, поэтому их там надо будет прописать!

    3. Даже после этих действий если указать тему письма на русском, письмо приходит с темой – No subject (надеюсь правильно написал), это лечится если указать кодировку в файле класса PHPMailer.

    4. В оригинальной форме текст в полях ввода прижимался к низу, а не по середине. Это глюк плагина JQTransform.

Ну, вроде все расписал и предупредил. Поехали дальше!

Для тех кто хочет получить уже готовую форму обратной связи:

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

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

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

Скачать видео в хорошем качестве с Летитбит.

Скачать видео в хорошем качестве с Народа.

Скачать архив скрипта.

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

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

  • Встраиваемый mp3 плеер на сайт — это просто!
  • Скрипт портфолио для сайта – очень красивое!
  • Оригинальная обратная связь для сайта!
  • Вывеска на ветру — привлекает внимание!
  • PHP для начинающих — видеокурс

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

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

— Фамилия, Имя, Отчество;

— контактный адрес электронной почты и телефон;

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

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

— Данные об организации клиента;

— Структурное подразделение и должность клиента;

— Иногда бывает и возраст клиента;

— Тематика сообщения.

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

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

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

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

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

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

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

Так же стоит упомянуть понятие «оперативности ответа». Особенно для коммерческих форм, слишком долгое время отклика на вопрос клиента, точно приведет к его потере.

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

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

К сожалению, на WordPress в основном дистрибутиве этого нет.

Решается вопрос довольно просто, я предложу вам два способа.

Первый способ настроить форму обратной связи, это использовать инструмент от Гугла

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

Для этого идем в свой аккаунт Google и выбираем вкладку “»Диск”.

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

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

Чем эти формы от Гугла хороши:

сможет даже начинающий все очень просто и по шагам

2. Работают быстро и довольно надежно

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

4. Формы абсолютно бесплатные

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

Из минусов можно назвать только один – обратная ссылка на Гугл-документы.

Теперь рассмотрим второй способ создания обратной связи на блоге.

Для WordPress разработаны много плагинов, но я использую на всех своих проектах Contact Form 7

Плагин устанавливаем через форму поиска где вбиваем Contact Form 7

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

После установки идем в левой колонке у нас появилась новая кнопка.

Жмем на нее и в новом окне у нас отрывается мастер создания формы обратной связи.

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

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

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

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

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

Федор Ашифин. Создание проектов под ключ любой сложности!Доводка сырых сайтов до кондиции Разработка уникального дизайна под заказ Верстка и натяжка на популярные ситемы: WordPress, MODX, OpenCart Обращайтесь, сделаем качественно и красиво! Skype: ashifin Viber/Mob: V+380503613708 Как заказать сайт?Да, Я Хочу Быть В Курсе Новых Событий На Сайте! Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности

  • Форма обратной связи своими руками в HTML

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

    Форма обратной связи своими руками в HTML

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

    Папку с исправленными файлами нужно скопировать в корневой каталог сайта. Одним из важных шагов станет ограничение доступа к этой папке в файле (Disallow: /sendmail-zakaz).

    Форма обратной связи своими руками в HTML

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

    Насколько обратная связь полезна

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

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

    Приведем пример

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

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

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

    Создание формы

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

    Создание формы

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

    Чтобы улучшить показатели NPS

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

    1. Как мы могли бы ускорить или упростить для вас процесс оформления заказа?
    2. Что мы можем изменить, чтобы сделать наш продукт / услугу более удобными для пользователей?
    3. Есть ли что-то, чего вы ожидали, чего не получили?
    4. Что мы могли бы добавить, что вам действительно понравилось бы?
    5. Как мы могли бы упростить решение ваших вопросов или проблем?

    Рекомендуемый материал в блоге АВАНЗЕТ: 12 элементов маркетинговой стратегии B2B для увеличения конверсии