Система онлайн чата для сайтов PrestaShop
Для того, чтобы добавить кнопку чата на сайт PrestaShop, вам нужно будет установить специальный HTML модуль или отредактировать исходные файлы. Ниже приведены инструкции для двух этих способов интеграции.
Интеграция онлайн чата при помощи HTML / JavaScript модуля
- Скачайте contentBox модуль с сайта http://contentbox.org/.
- Зайдите в панель управления PrestaShop.
- В верхнем меню откройте Modules / Modules и нажмите 'Add new module' кнопку.
- Найдите файл contentBox модуля, который вы скачали, и нажмите 'Upload this module' кнопку.
- В списке модулей найдите contentBox модуль и нажмите кнопку 'Install' для того, чтобы начать установку модуля.
- Пришло время получить код для кнопки чата. Для этого залогиньтесь в свою Provide Support учётную запись и пройдите на страницу Учётная запись / Коды кнопки чата и выберите 'Полнофункциональный код кнопки чата с возможностью загрузки изображений кнопки для активного и неактивного режима', затем активируйте опцию 'Сгенерируйте код для плавающей кнопки'. Для того, чтобы позиционировать кнопку чата на вашем сайте, задайте вертикальные и горизонтальные параметры для позиции кнопки чата.
- Скопируйте полученный код.
- Вернитесь в панель управления PrestaShop и нажмите 'Configure' для вашего contentBox модуля.
- В появившемся редакторе нажмите кнопку 'Edit HTML source' и вставьте туда скопированный код кнопки чата.
- Чтобы сохранить изменения, нажмите кнопку 'Update' в окне редактора, а затем кнопку 'Update (Save)' в настройках модуля.
Прямая интеграция с темой PrestaShop
Для того, чтобы напрямую добавить код кнопки чата в тему вашего PrestaShop сайта, вам нужно иметь доступ к файлам сайта через стандартный FTP или через CPanel файл менеджер.
Вы можете воспользоваться данным руководством, чтобы добавить кнопку чата напрямую в тему вашего сайта.
- Откройте ваши PrestaShop файлы.
- Теперь откройте папку PrestaShop / Themes / Имя вашей темы. Если вы не помните название вашей темы, вы можете это проверить в PrestaShop панели управления в меню Preferences / Theme.
- Найдите файл footer.tpl и откройте при помощи блокнота.
- Скопируйте код вашей кнопки чата. Для того, чтобы получить код, следуйте рекомендациям, приведенным в шаге 6 инструкции 'Интеграция онлайн чата при помощи HTML / JavaScript модуля'.
- Вставьте код кнопки в файл footer.tpl перед закрывающим
</body>
тегом. - Перед
<script type="text/javascript">
частью кода вставьте{literal}
, а затем добавьте{/literal}
после закрывающего</script>
тега. Т.о. PrestaShop не будет изменять данный код. - Сохраните изменения, сделанные в файле footer.tpl и загрузите на FTP или Cpanel
Полезные советы по настройке системы онлайн чат консультанта:
- В данной части кода можно вручную изменить позицию кнопки чата:
<div id="scXXXX" style="display:inline;position:fixed;z-index:9999;top:40%;left:0%;"></div>
- Вы можете загрузить свои картинки для кнопок чата или выбрать любые из нашей галереи на странице Параметры учётной записи / Изображения в вашей учётной записи.
- Добавив фото оператора и приветствие, вы сделаете атмосферу в ваших чатах более дружелюбной. Вы можете настроить это на странице Учётная запись / Операторы и Отделы в вашей учётной записи.