imho74.ru. Форма обратного звонка modx
Урок 13 – Форма обратной связи
В рамках данного урока мы познакомимся с еще одним сниппетом MODx – eForm, который служит для создания различных форм. Мы же создадим для нашего сайта форму обратной связи.
Наша форма будет иметь следующие поля:
- Имя – поле ввода имени посетителя сайта, заполнившего форму обратной связи;
- Email – поле ввода электронной почты посетителя;
- Тема обращения – выпадающий список с вариантами тем;
- Обращение – текстовая область для ввода текста сообщения.
Сниппет eForm устанавливается по умолчанию вместе с CMS MODx, в этом вы можете убедиться, если перейдете на страницу управления сниппетами «Элементы»-«Управление элементами»-«Сниппеты»:
Создаем форму обратной связи MODx eForm
Откройте ресурс «Контакты» на редактирование, назначьте наш последний созданный шаблон, если он еще не назначен и отключите использование визуального редактора для этого ресурса. Сохраните ресурс и откройте на редактирование заново, после чего добавьте в содержимое ресурса следующую строку:
[ !eForm? &formid=`contact-form` &tpl=`form-tpl`&to=`[email protected]` &mailselector=`otdel` &report=`report-tpl` &thankyou=`thank-tpl` &vericode=`1` &subject=`Сообщение с моего сайта`]]
Как вы догадались, это вызов сниппета eForm с параметрами:
&formid=`contact-form` - это уникальный идентификатор формы, который должен обязательно быть указан в атрибуте id вашей формы или в значение скрытого поля с идентификатором formid;
&tpl=`form-tpl` - задает имя чанка с вашей формой обратной связи;
&to=`` -задает список электронных адресов через запятую, на которые должны приходить сообщения с формы обратной связи;
&mailselector=`otdel` - позволяет выбрать из получателей в зависимости от типа сообщения;
&report=`report-tpl` - параметр передает имя чанка, который используется в качестве шаблона письма, которое приходит получателю;
&thankyou=`thank-tpl` - параметр передает имя чанка, который используется в качестве шаблона письма, приходящее отправителю;
&vericode=`1` - задает выводить или не выводить проверочный код для формы;
&subject=`` - тема сообщения с формы обратной связи.
Как вы уже догадались, нам необходимо дополнительно создать несколько чанков: form-tpl, report-tpl, thank-tpl. Этим мы и займемся.
Чанк form-tpl – шаблон формы обратной связи
Создаем новый чанк с именем form-tpl и вписываем в его содержимое следующее:
Сохраняем чанк.
Теперь давайте обратим внимание на некоторые конструкции.
[ +validationmessage+] – это плейсхолдер для вывода сообщений об ошибках, которые могут быть допущены при заполнении формы.
Как вы заметили, имеется скрытое поле с именем formid и значением contact-form, о котором мы говорили чуть выше.
eform=”Текст сообщения:html:1” Данная конструкция задает несколько параметров для поля формы:
eform="[описание]:[тип данных]:[обязательное ли поле]:[сообщение об ошибке]:[правило проверки]"
«Описание» – это текстовое описание поля;
«Тип данных» – может принимать следующие значения: string – любой текста, date – дата, integer – целое число, email – электронный адрес, float – число, html – текст в формате HTML, file – поле для отправки файла.
«Обязательное ли поле» - принимает два возможных значения: 0-необязательное, 1 – обязательное.
«Сообщение об ошибке» - текст сообщения об ошибке, в нашем случае текст отсутствует.
«Правило проверки» - в нашем случае правило не задано.
[ +verimageurl+] – плейсхолдер для вывода капчи.
Чанк report-tpl – шаблон уведомления с формы обратной связи
Создадим еще один чанк с именем report-tpl и впишем в код следующее содержимое:
Обратите внимание, что вся информация добавляется в шаблон с помощью плейсхолдеров, названия которых совпадает с именами полей в нашей форме.
Чанк thank-tpl – шаблон уведомления с формы обратной связи для отправителя
Создаем еще один чанк с именем thank-tpl и впишем в код следующее содержимое:
Думаю здесь все понятно, сохраните чанк и зайдите на страницу контактной информации, если вы все сделали правильно, то у вас должна появиться форма.
В рамках данного урока я не буду объяснять, как прописать стили для вашей формы, поскольку мы это делали в предыдущих уроках, и я думаю, вы сможете сделать самостоятельно без всякого труда. На этом урок закончен, а в следующем уроке мы познакомимся с тем как сделать карту сайта с помощью сниппета Sitemap.
modx-evo.ru
Заказ звонка на MODx
Как сделать заказ звонка на сайте
Задача:
Сделать форму, через которую посетитель мог бы отправить короткое послание, например, заказать звонок.
Реализация:
Создаем сниппет с произвольным названием.
Название сниппета: callmeОписание: Заказ звонкаКод сниппета (php)
<?php{$addr = $_POST['paddr'];$theme = $_POST['ptheme'];$text = $_POST['zdes_text'];$title = "Заказ звонка с ваш-сайт.ru";$from = "From: ХХХХ@ХХХХХХ.ru";
if ( isset($text) && $text != "") {if (mail("[email protected]", $title , $text, $from )) {echo "Ваш запрос отправлен!";}else {echo "Ошибка сервера почты";}}}?>
Теперь в нужном месте шаблона или чанка вставляем форму.
<h3>Заказ звонка!</h3>Пример: 8 (ххх) ххх-хх-хх, Иван. Интересуют колёса и ...[!callme!]<form action="" method="post"><textarea cols="35" rows="2" name="zdes_text"></textarea><br /><br /><input type = "submit" name="news_go" title = "Оставьте свой номер" value="GO" /></form>Пожалуйста, заполните форму и наши менеджеры свяжутся с Вами в удобное Вам время.
Доп.
Вместо
<textarea cols="35" rows="2" name="zdes_text"></textarea>
можно вставить:
<input title="Пример: 8 (ххх) ххх-хх-хх, Иван..." type="text" name="zdes_text" />
Измените стили, классы под себя и, в принципе, форма готова. Если есть желание, можно доработать ее, добавив эффектов и прочего. Но мне достаточно того, что форма выполняет свою функцию.
Данную функцию также можно реалезовать не изобретая велосипед а с помощью средств MODx Evo.
Создаем чанк отвечающий за вызов формы в нужном месте
Название: call
Содержимое:
[!eForm? &formid=`call-form` &tpl=`form-tpl` &to=`[email protected]` &report=`report-tpl` &thankyou=`thank-tpl` &vericode=`0` &subject=`Заказа звонка с сайта`!]
Далее...
Создаем чанк отвечающий за вывод формы и внешний вид на страницах сайта
Название: form-tpl
Содержимое:
<div>[+validationmessage+]<form method="post" action="[~[*id*]~]"><input type="hidden" name="formid" value="call-form" /><input type="text" name="zakaz_zvonka" placeholder="Введите Ваш номер телефона" size="40" maxlength="300" title = "Оставьте свой номер" eform="Телефон::1" /><br /><input type="submit" name="submit" value="Заказать обратный звонок!"></form></div>
Далее...
Создаем чанк отвечающий за содержимое письма с оповещением, приходящее на почту
Название: report-tpl
Содержимое:
<p>Заказ звонка c сайта</p><p>[+zakaz_zvonka+]</p>
Далее...
В нужном месте вставляем конструкцию
Готово.
При желании можно сделать чтобы посетителю выдавалась информация с введенной им информацией.
Создаем чанк
Название: thank-tpl
Содержимое:
<div><strong>Спасибо! Мы свяжемся с Вами в ближайшее время</strong><br />Отправленная информация:<br /><strong>Тел: [+zakaz_zvonka+]</strong><br /></div>
www.imho.74pro.ru
Free Download 3 Форма заказа обратного звонка на Modx
Your browser does not support JavaScript!3 Форма заказа обратного звонка на modx Full Album
Full download at high quality | 320kbps
Fast Download Play
3 Форма заказа обратного звонка на MODX Revolution
MODX. Ajax форма обратной связи.
MODX Revolution урок 5 Форма обратной связи MODX Revolution
Лендинг на MODx Revo. Часть 3. Формы обратной связи на AjaxForm + FormIt в MODx Revo.
FormIt. Классическая modx форма обратной связи. Подробнее!
Создание корпоративного сайта на MODX Revolution. 5 урок Форма обратной связи Revo Formit AjaxForm
12 MODX Страница контактов форма обратной связи //MODX Contact page feedback form
MODx Revolution - создание формы обратной связи с помощью FormIt
ModX Revo - Урок №2 - Настройка ЧПУ URL на ModX Revolution
Перенос modx revo куда угодно
Создание AJAX форм обратной связи на сайте
Modx Revolution: как сделать мобильную версию сайта
MODx Revolution - дополнение FormIt (продолжение)
Сolorbox на modx
Оформить заявку на обратный звонок.
0073 +++!!!Модуль обратный звонок Мастерская Joomla
14 Shopkeeper Оформление заказа MODX Revolution
Добавление страниц и разделов в MODX
Кастомизация поведения формы AjaxForm Formit
Добавление новостей на MODx
PHP скрипт отправки email заявок с формы обратной связи на сайте
18 MODX Revolution Сниппет Login Авторизация регистрация пользователей ЧАСТЬ 1
MODX - FormIt
freemusic-downloads.org
о русском народе, Путине и деньгах / вДудь
СУГГЕСТОРЫ: ПСЕВДОЛЮДИ Всякая возможность причинить зло своим ближним доставляет им особое, изощренное удовольствие. (Б.Данэм) Легко живется тому, кто нахален, как ворона, дерзок, навязчив... (Дхаммапада: 244) "На протяжении всей истории человечества суггесторы были единственным видом из четырех, большинство представителей которого жили в свое удовольствие практически в любых условиях. Суггесторы всегда образуют общественный слой т.наз. "ликующих" в этом мире. Именно они и составляют подавляющее большинство чудовищного конгломерата "сильных мира сего", создавая собой прихлебательское и "подсиживающее" обрамление при тех, кто находится "в силе", "в законе". Не имеющие совести, не способные иметь ее изначально, apriori, суггесторы могут переживать и страдать лишь от пресыщения и злоупотребления теми или иными "радостями жизни". Психологическое ядро этого вида по типологии К. Юнга [25] составляют "сенсорные экстраверты" - крайне мерзкие субъекты, стремящиеся к рафинированным и изощренным удовольствиям. Большинство же суггесторов неудержимо стремятся к удовольствиям вообще, как к таковым, вплоть до самых грубых и примитивных ("По утрам он поет в Клозете"). Если суггестор имеет высокий социальный статус, то он именуется в прижизненных биографиях не иначе как "жизнелюб" (в медицинской терминологии - "биофил"). Если же он оказывается на опальных социальных позициях, то получает тогда более звучные, и к тому же более объективные определения: развратник, потаскун, сволочь, паскуда и т.д. по нисходящей, вплоть до многочисленных нецензурных характеристик просторечия, сохраняющих, впрочем, свою объективность. Суггесторы очень часто талантливы - в традиционном понимании - во многих областях, но в особенности - в искусстве притворства, блефа. Их частенько именуют "артистами в жизни". При средних интеллектуальных способностях, это, как правило, - "жучки" в сфере сервиса, мелкие мошенники, лживо-добренькие "по методике Дейла Карнеги" плуты, аферисты, сутенеры, актеры, согласные играть любые роли, солисты в похабных ревю, продажные журналисты, "придворные" поэты и литераторы ("спичрайтеры") - одо- и борзописцы. Отсутствие совести у них простирается до своей крайней формы: до физиологического бесстыдства, зачастую становящегося для них незаменимым техническим приемом в их хлопотной балаганной деятельности. [ Прибавление. Суггесторам нередко присуще сильное чувство юмора, но имеет оно такой же сильно выраженный хищный, т.е. безнравственный характер, чаще всего проявляющийся в известной психиатрам форме "патологического остроумия", без чувства меры (классический литературный пример - Остап Бендер). Черный юмор, всякого рода "страшилки", похабные, скабрезные анекдоты, а также пародии, пересмешничество, передразнивание (вплоть до звукоподражания и чревовещания) - все подобное неприкрыто злобное зубоскальство - тоже излюбленное занятие именно суггесторов". и далее: http://www.pereplet.ru/history/Author/Russ/D/Didenko/cannybal/sugges.html
fr-film.net
