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

Время чтения: 4 мин.

Сегодня совсем случайно обнаружил очень полезный  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.

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

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

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

Раздел: Без рубрики