Будем считать, что первую часть вы уже выполнили: создали в конструкторе форму и скачали архив с примером вызова. Если нет, то вы можете придумать и собрать свою уникальную форму, либо использовать готовые сборки.
Теперь вам потребуется:
FTP менеджер(например FileZilla или TotalComander), либо вы можете использовать файловый менеджер хостера;
текстовый редактор (например Notepad++);
архив, скачанный в личном кабинете (jbcallme_XXXX.zip).
1
Откройте папку с шаблонами templates, выберите папку того, который используется в данный момент и cкопируйте из архива папку jbcallme.
2
В папке текушего шаблона ищем файл main.tpl.
3
Открываем main.tpl на редактирование и находим закрывающийся тег </head>.
4
Открываем из нашего архива файл index.html и видим коды для вставки.
5
Перед тегом </head> файла main.tpl сначала добавляем ссылки на библиотеки плагина. Отредактируйте пути так, тобы они указывали на файлы, которые загрузили на первом шаге. Используйте плейсхолдер {THEME} для того, чтобы обозначить путь к текушему шаблону. тогда путь к плагину формы будет иметь вид src="{THEME}/jbcallme/js/jquery.jbform.js"
Затем вставляем блок скрипта для модальной(всплывающей) или статичной(выводимой сразу) формы и сохраняем файл.
6
Осталось добавить в любом месте файла main.tpl кнопку или ссылку с классом my_button, вставить внутрь неё картинку или просто красиво оформить стилем. <a href="#" class="my_button">Кнопка вызова формы</a>.
Если нужна статичная форма, то в месте её вывода нужно вставить контейнер <div id="FORM_CONTAINER"></div>. Чтобы кнопка или статичная форма выводилась не на всех страницах сайта, вставьте их в нужный файл-шаблон страницы из папки текушего шаблона. Они имеют расширение .tpl.
Классы можно указывать свои, и привязывать плагин можно к уже имеющимся классам. Совсем не обязательно использовать такие же как в примере.
Если jQuery конфликтует с другими библиотеками (например перестаёт работать слайдер на вашем сайте, или форма заказа не всплывает при нажатии на ссылку), нужно добавить $.noConflict();
Если что-то пошло не так, свяжитесь с нами и мы попробуем решить проблему вместе.