Создание сайта на MODX Revolution. Урок 5. Форма обратной связи на MODX Revo Formit + AjaxForm

Автор Maksim Inshakov
Создание сайта на MODX Revolution. Урок 5. Форма обратной связи на MODX Revo Formit + AjaxForm

Здравствуйте друзья приветствую вас на пятой части видеокурсы по созданию сайта на modx Revolution.

А в данном уроке мы реализуем отправку сообщений из формы обратной связи при помощи двух дополнений из репозитория модекс — это ayaks форм и кормит ayaks корм нужен для того. Отправь после отправки страница не перезагружалась. Итак приступим перейдём к блоку с формы обратной связи.

Ну и собственно.

Вот, что она из себя представляет поля Input name mail subject и массаж собственно ещё есть кнопка сабмит отправить подтверждение. Ну, что давайте реализуем — это на вашем сайте переходим в админку сайта находим. Чанг контакт здесь идёт содержимое блока с формы обратной связи нам нужно идти непосредственно саму форум вот форма форма форма 1 — это то, что нам. Мы её копируем мы создаем новый. Чанг с именем Contact form созданием категорию контакты сейчас страничка перезагрузиться и сохраним этот чайник в категории контакт и так, что нам нужно в этой форме. А в той форме нам нужно убрать вызов контакта PHP можно поставить вместо него решётку. И вот можно увидеть то, что нас интересует — это импортные да то есть каждая из них находится в div Class form Group import name name name следующий идёт Input name email потом Nissan Juke дальше идёт textarea — это текстовая область для ввода с непосредственно самого сообщения которые будут забирать примерно ну и внизу есть батон Type SAP — это кнопка отправки нашей форма обратной связи в принципе. Здесь всё нормально. Давайте установим необходимые нам дополнение переходим в установщик загрузить дополнение и. Вадим здесь формед загрузить Farming загрузился вводим ayaks форум загрузить дальше идем установку устанавливаем фарммед — это можно пропустить. О'кей устанавливаемая. КС форум после этого переходим во вкладку элементы и вот видим, что у нас появились чанки ajaxform в котором есть пример формы связи днём можно взять за основу при создании наша форма обратной связи, что здесь всё, что здесь есть по большому счёту. А есть в нашей форме обратной связи. Единственное чтобы я взял — это вот эти вызовы ошибок когда мне про формы не проходит валидацию то мы можем взять их и вставить в нашу форму обратной связи на ходи нашу категорию контакты контакт форум ивдис перед закрывающим тегом форум вставляем необходимый код также там был класс формы класса xform его тоже. Давайте скопирую и вернёмся в наш чат. ВКонтакте формы вставляем класса. Якт форум сохраняем. Ну по большому счёту наша форма готова дальше нам нужно осуществить вызов нашей формы в нужном месте овчарки контакт. Давайте приступим ссылки по данным видео. Я прикрепил файл в котором будет такое содержимое будет вызов сниппета ajaxform и будет кот очанка сообщение которое будет приходить или на почту как. Давайте приступ копируем вызов чанка из прикрепленного файла переходим. Ко Чанг Contex находим место где у нас форма форма вырезаем выставляем вызов сниппета сохраняем также создаем новый. Чанг под названием tpl нижнее подчёркивание имо я нажала вот так вы можете назвать его. Как Вам удобно новый. Чанг tpl e-mail категории контакты и кот этого утёнка находится прикрепленным к видеофайл вставляем дальше переходим на сайт и убеждаемся, что у нас всё работает обновляем сайт переходим блоку контакт видим, что он нас остался там же месте и заполняем поля для проверки работоспособности наших формы обратной связи. Для этого ведём. Ксения данные поля имя тест email. Ну можно любой абсолютно какой придет на ум потому, что мы разрабатываем сайт на опен сервер тема тоже тест и здесь можно какой-то и нажимаем отправить сабмит как мы видим здесь появилось зелёное лукошко форма успешно отправлена. Это значит, что всё хорошо. Наша форма сработала и письмо ушло адреса в данном уроке мы реализовали отправку сообщений с сайта через форму обратной связи при помощи ajaxform следующих уроках мы продолжим создание сайта на modx Revolution подписывайтесь на канал и ставьте лайки. Спасибо за внимание.

0 комментариев
0

Читайте также