.

.

Урок № 10. Joomla - как создать форму обратной связи на своем сайте.

 

Урок № 10. Joomla – как создать форму обратной связи на своем сайте.


Здравствуйте, дорогие читатели блога zuit.ru! Создать свой сайт самому и бесплатно - это сложная задача, но если вы будете заниматься вместе с нами, то у вас обязательно все получится.


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

Для чего она нужна?

 

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


А каким образом может поступить посетитель или потенциальный заказчик, если ему надо вам написать письмо, чтобы задать какой-то вопрос?

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


 

Вы получите письмо на свой e-mail, который вы предварительно создадите, и будете вести переписку уже не на страницах сайта в комментариях, а в частном порядке.

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


Давайте рассмотрим, как создать пункт меню, который так и будет называться «Контакты с нами».

Для начала нам необходимо создать категорию.

Но делать это мы будем немного не так, как мы создавали обычные категории в уроке № 5.  Поэтому будьте внимательны и ничего не перепутайте!


Запускаем на компьютере Denwer и заходим на сайт через панель администратора. Если вы забыли, как это делать, смотрите урок-joomla  №  4.

Сейчас нас интересует пункт меню «Компоненты» - «контакты». Здесь есть два подпункта: контакты и категории.


 

 

Нам нужна именно категория, поэтому выбираем вторую строку.


Перед нами открывается форма для создания категории, но пока у нас в этом разделе еще ничего нет.



 

 

Нажимаем «создать» и заполняем форму.


Пишем простой заголовок, например, «Администратор» и сохраняем изменения.



 

 

 

Как видим, категория, которую мы создали, появилась, и называется она «Администратор».




 

 

Заходим на этой же странице в «контакты» - «создать» и теперь уже можем создать сам контакт.


Заполняем следующее: заголовок «Контакты с нами», выбираем в окошке категорию, которую мы уже создали (администратор).

Далее – «связать с пользователем» - выбираем «администратор».




 

 

В графе «информация» указываем то, что считаем нужным.


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

Для примера я укажу наш адрес (а вы - свой, иначе ваши письма попадут к нам, как вы понимаете).




 

 

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


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

 


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

В параметрах справа надо выставить «скрыть» все, кроме первой строки «имя» и  дополнительной информации.



 

 

Сохраняем изменения.

 

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


Для этого заходим в «меню» - «верхнее меню» и нажимаем «создать». На странице нам нужно выбрать тип меню, который так и называется «контакты» (он третий сверху).

Далее выбираем стандартный шаблон контакта.



 

 

 

Именно контакта, а не материала, как мы это делали в прошлых уроках.


В форме, которая открылась, пишем заголовок «Контакты с нами», псевдоним на английском языке «contacts», показать в «верхнем меню». А в правой колонке выставляем в окошке «контакты с нами». Но там больше ничего и не выбрать, кроме этого. Сохраняем.


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



 

 

Вы можете посмотреть сами на то, что получилось, если нажмете на него.

Как интересно, здесь оказался тот самый текст, который мы с вами написали!




 

 

 

Его всегда можно изменить по вашему выбору на любой другой.



Переставляем меню "Главная"


Давайте еще разберем один момент: каким образом в верхнее меню переместить пункт «Главная» и какие у вас могут возникнуть проблемы при перестановке.


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

 

Делай сегодня то, что другие не хотят. Завтра будешь жить так, как другие не могут!


 

Иногда его оставляют в левом или правом меню, но чаще всего меню «Главная» находится именно сверху. Что для этого надо сделать?

Идем в «расширения» – «менеджер модулей» и выбираем «Главное меню».

Нажимаем, чтобы отредактировать этот модуль, и в окошке  «позиция» выставляем следующее: user3.


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



 

 

Как видим, наши только что созданные контакты взяли и ушли на вторую строку.

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


А мы с вами сейчас решим этот простой вопрос.

Идем «Все меню» - «главное меню» и нажимаем на «Главная», чтобы отредактировать этот пункт меню.

Сейчас у нас в подробностях пункта меню стоит «показать в главном меню».



 

 

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


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

Все пункты верхнего меню расположены на одной строке.




 

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


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

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


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

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


P.S. Понравилась статья? Не забудьте подписаться на обновления и получать

свежие новости на e-mail, чтобы не пропустить ценную информацию.

 


Советуем вам прочитать другие интересные статьи:


Как создать простой интернет-магазин, используя  Phoca Gallery?

Как сделать слайд-шоу на сайте?

Компьютерная графика. Рисуем мухомор

Социальные сети через увеличительное стекло

Как жить меланхолику? Поиск смысла жизни и не только…

 


Комментарии  

 
0 #5 Инга 28.11.2016 08:41
Seda, посмотрите ответ на форуме joomla, там вам точно скажут :-)
Цитировать
 
 
0 #4 Seda 25.11.2016 11:31
Здравствуйте! у меня форма другого вида.. как сделать так, чтобы она была точь в точь, как ваша? у меня joomla 2.5
Цитировать
 
 
+1 #3 Инга 09.09.2013 08:11
Ольга! Дело, наверное, в шаблоне, смотрите в коде. :-)
Цитировать
 
 
0 #2 Ольга 08.09.2013 17:12
А у меня не получается сделать форму обратной связи в шапке сайта.
Форма съезжает вниз на горизонтальное меню, которое находится под шапкой.
Цитировать
 
 
0 #1 Ольга 08.09.2013 17:11
А у меня не получается сделать форму обратной связи. Я хочу, чтобы форма обратной связи была в шапке сайта , а она (форма) съезжает на горизонтальное меню, которое под шапкой.
Цитировать
 

Добавить комментарий


Защитный код
Обновить

подписаться на новости блога 

Введите Ваш e-mail адрес:

Delivered by FeedBurner

Компьютерная графика 

Начинающему вебмастеру 

Рассылка