Быстрая установка формы обратной связи.

Большинство CMS имеют встроенные модули, позволяющие реализовать формы обратной связи, однако нередко возникает ситуация, когда такой формы не предусмотрено, либо проще поставить внешнюю, чем разбираться с внутренностями малоизвестной или малопригодной для подобных изменений CMS.

Ниже даётся описание простого скрипта, который устанавливается отдельной папкой и обеспечивает функционал формы обратной связи с регулируемым числом полей во всплывающем окне

1. Копируем папку со скриптом в корень сайта из этого архива , убедитесь, что скрипт формы /order/form.php доступен для загрузки, а не переписаны modrewrite’ом

2. Модифицируем шаблон страницы, вставляя в тег head следующее

<link rel="stylesheet" href="/order/css/reveal.css" type="text/css" />
<link rel="stylesheet" href="/order/css/order.css" type="text/css" />
<script type="text/javascript" src="/order/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/order/js/jquery.reveal.js"></script>
<script type="text/javascript" src="/order/js/jquery.order.js"></script>

Убедитесь, что на сайте не загружен другой jquery или mootools, это может нарушить работу как сайта, так и формы

3. Настроим /order/config.php

<?php
// Параметры письма
define("TO_EMAIL", "<***@gmail.com>");
define("CC_EMAIL", "<***@yandex.ru>, <***@***.ru>");
define("FROM_EMAIL", "***@***.ru");
define("SUBJECT_EMAIL", "Заказать звонок");
define("USE_CAPTCHA", false);
define("TITLE", "Заказать звонок");
define("SEND_TEXT", "Отправить");
// Кодировка сайта
define("ENCODING", "utf-8");

// Имя движка(влияет на организацию сессии). На данный момент поддерживается
// - "joomla"
// - "" - пустая строка - без особенностей организации сессии
define("CMS_NAME", "");

$_GLOBAL['fields'] = array(
"contact" =>array(
"title" => "Как к вам обращаться:",
"type" => "text",
"regexp" => '',
"required" =>true
),
"phone" =>array(
"title" => "Контактный телефон:",
"type" => "text",
"regexp" => '',
"required" =>true
),
"whattime" =>array(
"title" => "Время, когда вам удобно перезвонить:",
"type" => "textarea",
"regexp" => '',
"required" =>true
)
);

4. Создаём скрытый блок

<div id="myModal" class="reveal-modal"> 
<p id="myModal-body">Any content could go in here.</p> <a class="close-reveal-modal">&#215;</a> 
</div>

5. Размещаем кнопку

<a href="#" onclick="return riseOrder('myModal','/order/form.php');">Заказать звонок</a>

 


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