On-line сервис форм обратной связи


Сегодня совсем случайно обнаружил очень полезный  on-line сервис, который разрабатывает для Вашего сайта форму обратной связи. Полностью отпадает необходимость в установке различных плагинов (у меня блог и так ими переполнен), просто на сайте устанавливается скрипт обратной связи html от Masterform.info.

1. Зачем это надо и как работает

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

Понятно, что он работает на основе php, однако обработка php происходит не на Вашем сервере, а на сервера разработчика, поэтому не происходит увеличения нагрузки на сервер, что важно при работе с такими громоздкими и тяжелыми CMS, как WordPress (да и многие другие).

2. Создание нужной формы

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

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

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

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

Первоначально (по умолчанию) предлагается две графы – «Ваше имя» и «Обратный mail». Я их оставил и добавил графу «Тема письма». Вы можете написать что-то свое, благо свободных граф аж шесть (!) штук. И еще в последней графе – «Название поля ввода сообщения» — я изменил «Текст сообщения» на «Текст письма». Вы тоже можете написать что угодно, хоть «Ну, чего ждем, не пишем?».

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

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

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

Рис.2

Заполнив все графы, нажимаете кнопку «Генерировать»:

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

Рис.3

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

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

Рис.4

Мышью выделяете весь код,  код станет на синем фоне, потом кликаете ПРАВОЙ мышью и выбираете «Копировать». Нужный код скопировался в буфер обмена. Теперь надо переходить к установке его в код сайта.

3. Установка скрипта на сайт

Открывает административную панель сайта, выбираем «Страницы» — «Редактировать». Выбираете нужную страницу. Открываете ее для редактирования. Далее в визуальном редактору нажимаете на вкладку HTML. Выбираете место, где будет располагать форма и кликаете ПРАВОЙ мышью, выбираете «Вставить». Обновляете страницу.

Опять возвращаетесь на сайт Masterform.info и нажимаете кнопку «Регистрация» (см.рис.1). У Вас появится сообщение, что регистрация выполнена и что можно приступать к проверке работоспособности формы.

4. Проверка работы скрипта

Пишите сами себе письмо и отправляете. Я отправил и через 2 минуты (так Яндекс работает :- ( ) на мониторе появилось всплывающее сообщение :

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

Рис.5

Значит, все работает. Кстати, я посмотрел на сайте разработчика информер:

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

Рис.6

5. Благодарность разработчику

Если автор выкладывает бесплатные материалы, софт или делает бесплатные сервисы, то признаком хорошего тона является поблагодарить автора. Благодарность Ваша может выражаться в разных формах – положительном комментарии, клику по рекламе на сайте автора, пропаганда его творения на других сайтах, форумах или в соц. сетях и т.д. Одной из форм благодарности является установление ссылки на сайт автора без всяких пошлых nofollow и noindex.

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

А Вам всем – удачи и хорошей связи с Вашими читателями!

Похожие записи по этой теме:

16 thoughts on “On-line сервис форм обратной связи

  1. Владимир

    Не приходят письма с сайта, «не удается установить связь с почтовым сервером», хотя раньше приходили. Что случилось?

    Reply
    1. Виктор

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

      Reply
      1. admin Post author

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

        Reply
          1. admin Post author

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

  2. Tamgaru

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

    Reply
    1. admin Post author

      Tamgaru, спасибо, конечно, но скрипты — не моя заслуга, а разработчиков.

      Reply
  3. павел

    Спасибо за описание установки пошагово. Установил на свой сайт, все отлично работает. Спасибо автору блога и разработчикам.

    Reply
  4. Тамара

    ОТЗЫВ ОТРИЦАТЕЛЬНЫЙ — ваша почтовая форма на masterform info -не выдает капчу (пустой квадратик) и не отправляет!! Можете сами проверить! Вообще сайт masterform info не работает уже несколько дней, убедитесь и проверьте сами! Соответственно, мы несколько дней без связи по вашей вине(((.

    Reply
    1. admin Post author

      Тамара, спасибо за подсказку, что сервис не работает, установим что-нибудь еще взамен нее. Только причем здесь моя вина? Стараешься, стараешься, а Вы...

      Reply
  5. Olga

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

    Reply
  6. Владимир А.

    Спасибо за полное описание данного скрипта:)

    Уже использую у себя на сайте,красиво смотрится.

    Reply
    1. admin Post author

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

      Reply
  7. Инга

    Скрипт — это хорошо! У меня стоит плагин формы обратной связи, а это лишняя нагрузка на сайт. Попробую скрипт, спасибо!

    Reply

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

Your email address will not be published. Required fields are marked *