Загрузка собственного HTML-кода окна чата

Несмотря на то, что стандартный конструктор закрывает 80% потребностей пользователей системы в настройке внешнего вида окна чата, если вы хотите получить абсолютно уникальный и оригинальный дизайн окна на вашем сайте, к вашим услугам возможность загрузки сверстанного окна чата в систему.

Никаких специальных знаний, кроме синтаксиса языка разметки HTML, который так или иначе используется для описания всех страниц в интернет, не требуется. Если вы знакомы с HTML и способны нарисовать красивое окно, вы можете сделать все сами. Либо можете заказать дизайн и верстку окна чата веб-дизайнеру, или студии.

Принцип создания

Потребуется создать 2 html файла для загрузки в систему. Первый должен содержать код окна чата, а второй оффлайн-форму.

Есть определенные требования к файлам. Так как это не страница сайта, а только окно чата, файлы имеют структурные отличия от привычных html-страниц:

  1. Кодировка UTF-8
  2. Не нужно первой строкой определять тип документа (doctype)
  3. В файле не должно быть блоков head и body. Файлы начинаются с тэга <DIV> и завершаются тэгом </DIV>. Этот элемент "div" уже является внешним контейнером окна чата.
  4. Не должно быть блоков <STYLE> и <SCRIPT>. Скрипты и стили для окна чата подключайте на страницах сайта.
  5. Ключевые элементы окна чата должны отвечать определенным требованиям.

Загрузка

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

  1. В разделе "Сайты - Темы окна чата" создайте новую тему, если вы ее еще не создали
  2. В блоке "Основное" выберите способ создания темы "Загрузка собственного HTML кода окна". Также выберите тип окна чата и его расположение на экране, если выбранный тип не "Встроенное".
  3. В блоке "Настройки" поставьте соответствующие галочки, если вам требуется отображение фотографии оператора, а также времени отправки сообщений в чате.
  4. В блоке "Звук" поставьте галочку "Включить", если вам требуется звуковое оповещение посетителей о приходе нового сообщения.
  5. В блоке "Загрузка кода" нажмите кнопку "Выбрать HTML файл окна"
  6. В открывшемся диалоговом окне выберите файл с вашим кодом. и загрузите его
  7. Для того, чтобы увидеть окно чата в зоне предварительного просмотра, напишите в поля "Путь к CSS-файлу" и "Путь к JavaScript-файлу" абсолютные пути к файлам таблиц стилей и библиотек скриптов.
  8. Нажмите кнопку "Сохранить" (дискета на зеленом фоне)
  9. Поставьте переключатель online/offline верхней панели инструментов в положение "offline" и повторите пункты 5-8 для оффлайн-формы

Все права защищены. Copyright © 2018 Netrox SC