+7 (812) 914-82-98
Реклама в интернете

Реклама в интернете

Рекламное интернет-агентство «Heika» в Санкт-Петербурге предлагает ряд эффективных рекламных решений.

Читать далее

Создание сайтов

Создание сайтов

Создание сайта – большой проект. Эффективность вашего бизнеса в интернете зависит от комплексного подхода к решению задач.

Читать далее

Продвижение сайтов

Продвижение сайтов

Мы создаем сайт, учитывая принципы оптимизации сайта и психологию пользователя (оптимизированный html-код, оригинальность дизайна).

Читать далее

На главную Heika.ru

Создание формы обратной связи на CMS Evolution

Добавлено 01.04.2023

Данный способ не без недостатков, но он работает.

Для создания всплывающего окна понадобится подключить скрипт 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.

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

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