Страница – контакты для вашего блога!

Страница – контакты для вашего блога!

Форма обратной связь это полезная вещь для любого сайта Это Kontactr, 123 Contact Form и EmailMeForm. Если вы желаете всё сделать быстро и без больших усилии - тогда вам нужен
Kontactr - так как там легче всего создать форму обратной связь и довольно просто всё настроить и установить в блог. В случае с 123 Contact Form и EmailMeForm - вам придётся немного побольше потрудиться для того чтобы ознакомиться с системой и понять всё как работает.


Kontactr - это простой сервис с минимальными возможностями по редактированию дизайна вашей контактной формы.


1. Перейдите на страницу регистрации: http://kontactr.com/signup/

2. После того как заполните все поля - зайдите на свой e-mail для подтверждения аккаунта.

3. Далее - просто войдите в аккаунт используя ваш логин и пароль.

4. Теперь вы на странице вашего профиля. Для изменения вида вашей контактной формы - нажмите на кнопку: Customize This Widget

5. Для того чтобы добавить форму на страницу вашего блога - вам надо скопировать код что находиться внизу страницы вашего профиля и далее вам надо:
5.1 Зайти в свой аккаунт blogger.com
5.2 Создать новую страницу на вашем блоге - для этого зайдите в Отправка -> Изменить страницы -> Создать страницу
5.3 После того как вы создали новую страницу выберите пункт -> Изменить HTML
5.4 Вставьте код и сохраните страницу.

6. Всё!


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


1. Перейдите на страницу регистрации и выберите тариф FREE: http://www.123contactform.com/signup.html

2. После заполнения всех полей - нажмите Create Account и вы уже сразу можете начать работать!

3. Для создания контактной формы нажмите на первый баннер (Contact Form).

3.1 Теперь вы на странице - редактирование дизайна вашей формы контактов. Прошу обратить внимание на то что некоторые возможности могут быть закрыты так как вы выбрали бесплатный тариф. И также отметить минус - того что форма не читает русские буквы - то есть кириллицу.
3.2 После того как закончите - нажмите Continue

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

5. Теперь вам остаётся только добавить форму контактов в ваш блог.
5.1 Для начало выберите второй пункт из меню (Embed Code)
5.2 Выберите и скопируйте код из первого блока (javascript) . Далее:

6. Зайти в свой аккаунт blogger.com
6.1 Создать новую страницу на вашем блоге - для этого зайдите в Отправка -> Изменить страницы -> Создать страницу
6.2 После того как вы создали новую страницу выберите пункт -> Изменить HTML
6.3 Вставьте код и сохраните страницу.

7. Всё!

И наконец-то топ всех сервисов это EmailMeForm! Почему "топ" - ну во первых все те возможность что закрыты вам в предыдущем сервисе - тут доступны и бесплатны! Также здесь вы можете создать свою контактную форму на русском языке! 


1. Перейдите на страницу регистрации : http://www.emailmeform.com/v-signup.html

2. После того как заполните все поля - зайдите на свой e-mail для подтверждения аккаунта.

3. Далее вы будете на страницу с вашими формами.
3.1 Для того чтобы создать новую контактную форму - нажмите на ссылку из текста: "To create a form click here"
3.2 После клика - откроется модальное окно - вы должны выбрать второй пункт.

4. Теперь вы на странице - редактирование дизайна вашей формы контактов. Испробуйте все возможности данного сервиса!
4.1 Когда закончите нажмите внизу страницы Save Form. Далее в модальным окне - выберите 4 пункт.
4.2 После клика - вы попали на страницу с вашими формами. Теперь вам остаётся только добавить форму контактов в ваш блог.
4.3 Для этого нажмите на кнопку Code. В новым окне скопируйте весь код (HTML with javascript/CSS). Далее - вам надо:

5 Зайти в свой аккаунт blogger.com
5.1 Создать новую страницу на вашем блоге - для этого зайдите в Отправка -> Изменить страницы -> Создать страницу
5.2 После того как вы создали новую страницу выберите пункт -> Изменить HTML
5.3 Вставьте код и сохраните страницу.

6. Всё!