Логотип

Как создать сайт

Всё что нужно для создания сайта!

Обратная связь на сайте ucoz


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

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

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

Почтовые формы

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

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

aktiv-form

aktiv-modul-2

Обзор модуля

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

obsor-form

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

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

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

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

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

kod

Последнею кнопку под номером 6 разбирайте сами))

Разбираем кнопки управление модулем

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

klick

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

2016-10-12_18-37-10

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

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

forms

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

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

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

Стрелочка под номером 5 помогает настраивать дизайн формы. HTML И CSS это те языки которые нужно знать для настройки дизайна формы.

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

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

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

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

forma-zapolnit

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

Конструктор полей

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

pole

Следующую страницу я описывать не буду, там и так всё интуитивно понятно, на данной странице нам только понадобится кнопка добавить новое поле, она находится с право на странице.

poless

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

dobavit-pole

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

text

Если вдруг вам понадобится сделать опрос в письме, и  в данном опросе можно ответить несколькими вариантами, для этого подойдёт кнопка под номером 2.

seleckt

Когда кнопка под номером 2 будет активирована (checkbox), откроется дополнительное поле в котором указываем значения и каждое нужно указать на новой строчке. На картинке выше это можно посмотреть под стрелочкой номер 1 и 2.  Если поле добавить в форму, это будет выглядеть так -

opros

Следующую кнопку под номером 3, так-же можно использовать как опрос, заполняется она точно также как и кнопка под номером 2. То-есть нажимаем на кнопку под номером 3, открывается дополнительное поле в котором нужно добавить значения и каждое на новой строчке. Как выглядит такой опрос можно посмотреть на -

ocenka

Кнопа под номером 4 добавляет в нашу форму КАПЧУ - эта картинка с цифрами которые нужно в водить в поле перед отправлением письма, это очень эффективно спасает от роботов которые в автоматическом режиме рассылают спам. В форме это выглядит так -

klapcha

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

Шестая кнопка под стрелочкой 6 так-же помогает активировать поле в котором можно проводить опросы, это поле отличается от кнопки под номером 2 тем что ответ можно выбрать только один. Данная кнопка заполняется точно так-же как и предыдущие две, то-есть выбираем саму кнопку и вводим её значения на каждой новой строчке. В форме выглядит она так -

readio

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

naswanie

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

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

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

wachnoe

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

upravlrnie

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

otoslat

Добавление формы на сайт

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

redacktor

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

stranica-obratna

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

ssilka

Код кнопки выглядит так -

kowicjki

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

Если страницы нет

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

upravlenie-poshtoi

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

Задай свой вопрос в комментариях? или в специальном разделе.
Подсказка:

Для сбора ключевых слов, предпочитаю программу с интересным названием "словоЁБ".

Курс ещё не готов, но подписчики получат его первыми - как только работа будет закончена. На данный момент 22.10.2017 записано 19 теоретических уроков и 0 практических. Теоретический кус Готов! "Как создать, настроить, наполнить и раскрутить сайт на uCoz"