Реклама в интернете
Рекламное интернет-агентство «Heika» в Санкт-Петербурге предлагает ряд эффективных рекламных решений.
Создание сайтов
Создание сайта – большой проект. Эффективность вашего бизнеса в интернете зависит от комплексного подхода к решению задач.
Продвижение сайтов
Мы создаем сайт, учитывая принципы оптимизации сайта и психологию пользователя (оптимизированный html-код, оригинальность дизайна).
Данный способ не без недостатков, но он работает.
Для создания всплывающего окна понадобится подключить скрипт fancybox.
Создаём кнопку в шаблонах (Элементы->Шаблоны), на которую вешаем событие всплывающего окна, после пишем сниппет вызова/подключения формы. И событие обрабоки закрытия окна, отправки сообщения:
<a data-fancybox data-src="#callback" href="javascript:;">Отправить сообщение</a> <div style="display: none;" id="callback"> <div id="callback-from" style="max-width:600px;"> [!eForm? &formid=`cb-form` &subject=`Сообщение с сайта [(site_name)] со страницы [*pagetitle*]` &tpl=`callbackForm` &to=`[(client_emailto)]` &report=`callbackReport` !] </div> </div> <script> $(function() { $(document).on("submit", "#cb-form", function(e) { e.preventDefault(); var m_method = $(this).attr('method'); var m_action = $(this).attr('action'); var m_data = $(this).serialize(); $.ajax({ type: m_method, url: m_action, data: m_data, resetForm: 'true', success: function(result) { var data = $(result).find("#callback-from").html(); $("#callback-from").html(data); } }); }); }); </script>
Далее создаём чанк с названием callbackForm (в Элементы->Чанки):
<form class="cons-contact-form" id="cb-form" action="[~[*id*]~]" method="post"> <span style="color:#900;">[+validationmessage+]</span> <input type="hidden" name="formid" value="cb-form" /> <h2 class="wt-title m-b30">Отправить сообщение</h2> <div class="row"> <div class="col-lg-4 col-md-12"> <div class="form-group"> <input name="userhead_name" placeholder="Имя *" type="text" required="required" class="form-control"> </div> </div> <div class="col-lg-4 col-md-12"> <div class="form-group"> <input name="phone" type="text" class="form-control" required="required" placeholder="Телефон *"> </div> </div> <div class="col-lg-4 col-md-12"> <div class="form-group"> <input name="email" placeholder="Email *" type="email" required="required" class="form-control"> </div> </div> <div class="col-lg-12 col-md-12"> <div class="form-group"> <textarea name="message" class="form-control" placeholder="Сообщение"></textarea> </div> </div> <div class="col-md-12"> <button type="submit" class="site-button btn-hover-animation"><i class="flaticon-right"></i>Отправить</button> </div> </div> </form>
Затем создаём чанк с названием callbackReport (в Элементы->Чанки):
<p>Прислано человеком, с именем: <b>[+userhead_name+]</b>. Подробности ниже:</p> <table> <tr valign="top"><td>Имя:</td><td><b>[+userhead_name+]</b></td></tr> <tr valign="top"><td>Телефон:</td><td><b>[+phone+]</b></td></tr> <tr valign="top"><td>Email:</td><td><b>[+email+]</b></td></tr> <tr valign="top"><td>Сообщение:</td><td>[+message+]</td></tr> </table>
Адрес email [(client_emailto)]
не забываем отредактировать на Настройки сайта
Форма готова.
Полная документация с примером написана на странице про eForm.
Для того, чтобы добавить коментарий, авторизируйтесь.