Создать форму

Установка формы на DLE

Готовые формы для DLE

Будем считать, что первую часть вы уже выполнили: создали в конструкторе форму и скачали архив с примером вызова. Если нет, то вы можете придумать и собрать свою уникальную форму, либо использовать готовые сборки.

Теперь вам потребуется:

  1. FTP менеджер(например FileZilla или TotalComander), либо вы можете использовать файловый менеджер хостера;
  2. текстовый редактор (например Notepad++);
  3. архив, скачанный в личном кабинете (jbcallme_XXXX.zip).
1 Откройте папку с шаблонами templates, выберите папку того, который используется в данный момент и cкопируйте из архива папку jbcallme. Установка плагина jbCallMe на DLE Шаг 1
2 В папке текушего шаблона ищем файл main.tpl.
3 Открываем main.tpl на редактирование и находим закрывающийся тег </head>.
4 Открываем из нашего архива файл index.html и видим коды для вставки.
5

Перед тегом </head> файла main.tpl сначала добавляем ссылки на библиотеки плагина. Отредактируйте пути так, тобы они указывали на файлы, которые загрузили на первом шаге. Используйте плейсхолдер {THEME} для того, чтобы обозначить путь к текушему шаблону. тогда путь к плагину формы будет иметь вид
src="{THEME}/jbcallme/js/jquery.jbform.js"

Затем вставляем блок скрипта для модальной(всплывающей) или статичной(выводимой сразу) формы и сохраняем файл.

 Установка плагина jbCallMe на DLE Шаг 5
6

Осталось добавить в любом месте файла main.tpl кнопку или ссылку с классом my_button, вставить внутрь неё картинку или просто красиво оформить стилем. <a href="#" class="my_button">Кнопка вызова формы</a>.

Если нужна статичная форма, то в месте её вывода нужно вставить контейнер <div id="FORM_CONTAINER"></div>. Чтобы кнопка или статичная форма выводилась не на всех страницах сайта, вставьте их в нужный файл-шаблон страницы из папки текушего шаблона. Они имеют расширение .tpl.

Классы можно указывать свои, и привязывать плагин можно к уже имеющимся классам. Совсем не обязательно использовать такие же как в примере.

Если jQuery конфликтует с другими библиотеками (например перестаёт работать слайдер на вашем сайте, или форма заказа не всплывает при нажатии на ссылку), нужно добавить $.noConflict();

Если что-то пошло не так, свяжитесь с нами и мы попробуем решить проблему вместе.