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

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

Здравствуйте друзья приветствую вас на пятом уроке по созданию корпоративного сайта на modx Revolution в рамках данного урока мы создадим страница с контактами и настроил отправку сообщений из формы обратной связи при помощи дополнений фармит и ajaxform.

Итак приступим вот шаблон страницы с контактами ссылку на данный шаблон. Я прикреплю в описании к видео. Давайте посмотрим в правом нижнем углу находится карта схема проезда и в левом нижнем углу находится форма обратной связи откроем страница с контактами в редакторе кода и перенесём.

Ивана модекс.

Я думаю вы сами справятся с задачей поэтому у меня шаблон уже будет готов. После перенос шаблонов на модекс должна получиться. Вот такая картина здесь. Нам необходимо выделить форму для отправки сообщений с сайта она в кегах форм выделим её вырежем и сразу поставим вызов чанка Contact form для порядка можно создать категорию контакты дальше нам необходимо установить дополнение оформит и ajaxform давайте сделаем — это и установим. Обнови магнитку нашего сайта и. Как видим появились две новые категории ajaxform и фармит категория ajaxform пример формы обратной связи. Давайте посмотрим. Ну по большому счёту от той формы которая находится у нас на сайте в чанке Contact form она мало. Чем отличается поэтому. Давайте скопирую отсюда вызов с ошибкой в случае некорректное заполнение формы обратной связи находится здесь внизу копируем идём в нашу форму обратной связи и перед закрывающим тегом форма вставляем сохраняем также. Нам необходимо сделать. Чанг с разметкой письма который будет приходить на почту случая форма обратной связи с сайта создаем новый. Чанг назовем его tpl email категории контакты из ударов. Я оставил вот такой разметку здесь заголовок сообщение от кого приходит информация с имя email в поле email и текст сообщения с поля месседж сохраняем дальше. Давайте перейдём в шаблон контакты и вместе вызова очанка Contact form овца ему такую конструкцию — это вызов сниппета ajaxform в котором указывается вся необходимая информация для корректной работы дополнения в частности указывается. Чанг в находится форма обратной связи сниппет фармит сообщение с сайта от кого кому и так далее сохраняем. Теперь давайте создадим ресурс контакты и проверим работоспособность нашей формы обратной связи новый документ имя контакты шаблон выбираем контакты сохраняем. Давайте посмотрим, что получилось как мы видим форма обратной связи есть. Давайте запомним необходимые поля и отправь сообщение с сайта и нажимаем отправить как мы видим появляется всплывающее сообщение, что форма успешно отправлена значит всё мы сделали правильно в данном видеоуроке. Мы создали страницу. ВКонтакте или. Завали отправку сообщения с нашего сайта при помощи дополнение фармит и ajaxform в следующих уроках мы продолжим создание корпоративного сайта на modx Revolution задавайте вопросы в комментариях подписывайтесь на канал и ставьте лайки. Спасибо за внимание. Всего доброго.

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

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