Поиск туров — различия между версиями

Материал из Wiki
Перейти к: навигация, поиск
(Создание модуля)
 
(не показано 10 промежуточных версий этого же участника)
Строка 3: Строка 3:
 
==Основная информация==
 
==Основная информация==
  
Данный модуль дает возможность создавать ......
+
Модуль поиска туров представляет собой JavaScript объект, внедряемый в html код сайта. Его функционал позволяет пользователям сайта Просматривать поисковую выдачу туров и создавать предзаказ на основе выбранного тура.<br/>
 +
По данным из модуля в системе создается ЛИД (Обращение) в котором будет отражен выбранный клиентом тур, а так же данные самого клиента.
  
 
==Расположение==
 
==Расположение==
Управление данным модулем находится в разделе '''Администрирование'''(правый верхний угол) [[Файл:Ak_076.png]], на вкладке '''Управление модулями'''<br/>
+
Управление данным модулем находится в разделе '''Администрирование''' (правый верхний угол) [[Файл:Ak_076.png]], на вкладке '''Управление модулями'''<br/>
[[Файл:GO_01.png|800px]] <br/> <br/>
+
[[Файл:GO_01.png|900px]] <br/> <br/>
  
 
== Создание модуля ==
 
== Создание модуля ==
Нажмите кнопку [[Файл:GO_02.png]] - откроется конструктор модуля "Поиск Туров" (все изменения видны в Предпросмотре модуля: [[Файл:GO_03.png|400px|thumb|right|Раздел "Общее"]]
+
[[Файл:GO_03.png|400px|thumb|right|Раздел "Общее"]]
 +
Нажмите кнопку [[Файл:GO_02.png]] - откроется конструктор модуля "Поиск Туров" (все изменения видны в Предпросмотре модуля)
 
#Раздел <b>"Общее"</b>:  
 
#Раздел <b>"Общее"</b>:  
 
#* <b style="color: green">Название модуля</b> - под этим именем он будет виден в списке модулей.
 
#* <b style="color: green">Название модуля</b> - под этим именем он будет виден в списке модулей.
#* <b style="color: green">Адрес сайта расположения</b> - лучше всего указывать полный путь к вашему сайту,<br/> например http://mysite.ru или http://www.mysite.ru, <span style="color: red">важно! если в вашем адресе нет www, то прописывать его не нужно</span>.<br/>(лучше всего скопировать адрес с поисковой строки браузера).
+
#: <b style="color: green">Адрес сайта расположения</b> - Адрес вашего сайта, где будет располагаться модуль. <br/> <div style="background: #deffcc; border: 1px solid #6db234; padding: 10px; max-width: 720px;">[[Файл:GO_good.png|32px]]Лучше всего указать просто имя вашего сайта, пример: <b>mysite.ru</b>. Все остальное система сделает сама и модуль будет доступен на всех страницах сайта.</div>
 +
#: <div style="background: #fffccc; border: 1px solid #ddd000; padding: 10px; max-width: 720px;"> [[Файл:GO_attention.png|32px]] Если указать конкретную страницу, то модуль будет работать только на ней. <br/>Пример: <b>mysite.ru\tour_search</b></div>
 
#Раздел <b>"Тип формы"</b>: [[Файл:GO_04.png|400px|thumb|right|Раздел "Тип Формы"]]
 
#Раздел <b>"Тип формы"</b>: [[Файл:GO_04.png|400px|thumb|right|Раздел "Тип Формы"]]
 
#* <b style="color: green">Форма модуля поиска:</b> - влияет на отображение поисковой строки модуля   
 
#* <b style="color: green">Форма модуля поиска:</b> - влияет на отображение поисковой строки модуля   
Строка 24: Строка 27:
 
#* <b style="color: green">Стандартная тема оформления</b> - можно выбрать одну из предустановленных тем оформления модуля <br/> Пользовательская тема дает возможность ручной настройки в <i>"расширенных настройках"</i>
 
#* <b style="color: green">Стандартная тема оформления</b> - можно выбрать одну из предустановленных тем оформления модуля <br/> Пользовательская тема дает возможность ручной настройки в <i>"расширенных настройках"</i>
 
#* <b style="color: green">Расширенные настройки</b>
 
#* <b style="color: green">Расширенные настройки</b>
#** Ширина формы поиска
+
#** <span style="color: green">Ширина формы поиска</span>
 
#**: -><i>Стандартная</i> - 1000px
 
#**: -><i>Стандартная</i> - 1000px
#**: -><i>Автоматически</i> - по размеру контейнера(div элемента в который вписан модуль), <span style="color: red">ширина контейнера не может быть меньше 850px иначе модуль выйдет за границы контейнера</span>
+
#**: -><i>Автоматически</i> - по размеру контейнера(div элемента в который вписан модуль), <span style="color: red">ширина контейнера не может быть меньше 720px иначе модуль выйдет за границы контейнера</span>
#**: -><i>Свой размер</i> - от 850px. Верхний предел не ограничен
+
#**: -><i>Свой размер</i> - от 720px. Верхний предел не ограничен
#** Ширина результатов поиска
+
#** <span style="color: green">Ширина результатов поиска</span>
 
#**: -><i>Стандартная</i> - 680px
 
#**: -><i>Стандартная</i> - 680px
 
#**: -><i>Автоматически</i> - по размеру контейнера(div элемента в который вписан модуль), <span style="color: red">ширина контейнера не может быть меньше 680px иначе модуль выйдет за границы контейнера</span>
 
#**: -><i>Автоматически</i> - по размеру контейнера(div элемента в который вписан модуль), <span style="color: red">ширина контейнера не может быть меньше 680px иначе модуль выйдет за границы контейнера</span>
 
#**: -><i>Свой размер</i> - от 680px. Верхний предел не ограничен
 
#**: -><i>Свой размер</i> - от 680px. Верхний предел не ограничен
#** Скругление углов формы [[Медиа:GO_09.png|пример]]
+
#** <span style="color: green">Скругление углов формы</span> [[Медиа:GO_09.png|пример]]
#** Скругление углов фильтра [[Медиа:GO_10.png|пример]]
+
#** <span style="color: green">Скругление углов фильтра</span> [[Медиа:GO_10.png|пример]]
#** Настройка цветов формы поиска
+
#** <span style="color: green">Настройка цветов формы поиска</span>
 
#**: -><i>Ручное выставление цветов различных элементов формы в формате RGBA, с возможностью выбора цвета из палитры</i>
 
#**: -><i>Ручное выставление цветов различных элементов формы в формате RGBA, с возможностью выбора цвета из палитры</i>
#** Настройки CSS стилей
+
#** <span style="color: green">Настройки CSS стилей</span>
 
#**: -> <i>Возможность применить свои стили CSS разметки</i>
 
#**: -> <i>Возможность применить свои стили CSS разметки</i>
 
#Раздел <b>"Параметры"</b>: [[Файл:GO_12.png|400px|thumb|right|Раздел "Параметры"]]
 
#Раздел <b>"Параметры"</b>: [[Файл:GO_12.png|400px|thumb|right|Раздел "Параметры"]]
Строка 42: Строка 45:
 
#* <b style="color: green">город вылета</b> - указывается город вылета по умолчанию предлагаемый модулем
 
#* <b style="color: green">город вылета</b> - указывается город вылета по умолчанию предлагаемый модулем
 
#* <b style="color: green">Туроператоры</b> - чекбокс. Скрывает или показывает название туроператоров в поисковой выдаче
 
#* <b style="color: green">Туроператоры</b> - чекбокс. Скрывает или показывает название туроператоров в поисковой выдаче
#* <b style="color: green">Источник рекламы</b> - источник рекламы который указывается при создании ЛИДа. Заполняется в [http://wiki.mag.travel/index.php?title=%D0%98%D1%81%D1%82%D0%BE%D1%87%D0%BD%D0%B8%D0%BA%D0%B8_%D1%80%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D1%8B&action=edit&redlink=1 Справочники.Общее.Источник рекламы]
+
#* <b style="color: green">Ведущий менеджер по клиенту</b> - учетная запись пользователя в системе к которому будет привязан клиент
#* <b style="color: green">Формат именования ЛИДа</b> - Формат имени ЛИДа созданного по результатам выбора клиента. <br/>Имеет несколько макроподставлений:  
+
#:: <div style="background: #deffcc; border: 1px solid #6db234; padding: 10px; max-width: 720px;">[[Файл:GO_good.png|32px]] Если создать в системе отдельно пользователя, например, с именем "Модуль поиска", то в разделе "Клиенты" можно будет выставлять фильтр "Ведущий менеджер" по имени "Модуль поиска". Таким образом можно сделать отбор клиентов полученных из модуля поиска туров</div>
#*: %DATE% - дата в формате DD.MM.YYYY<br/> %TIME% - время в формате hh:mm<br/> %HOST% - Адрес сайта, указанный в настройках<br/> %FIRSTNAME% - Имя, указанное клиентом<br/> %NAME% - Фамилия, указанная клиентом<br/><i>К примеру формат названия "Лид от %NAME% %FIRSTNAME% %DATE% в %TIME%" , будет иметь вид "Лид от Иванова Ивана 10.02.2018 в 9:40"</i>
+
#* <b style="color: green">Формат именования ЛИДа</b> - Формат имени ЛИДа созданного по результатам выбора клиента. <br/>Имеет несколько ключевых слов:  
 +
#*: <div style="border: 2px solid #c0c0c0; max-width: 333px;"> %DATE% - дата в формате DD.MM.YYYY<br/> %TIME% - время в формате hh:mm<br/> %HOST% - Адрес сайта, указанный в настройках<br/> %FIRSTNAME% - Имя, указанное клиентом<br/> %NAME% - Фамилия, указанная клиентом</div><br/><div style="background: #fffccc; border: 1px solid #ddd000; padding: 10px; max-width: 975px">[[Файл:GO_attention.png|32px]]К примеру, формат названия <b>"Лид %NAME% %FIRSTNAME% %DATE% в %TIME%"</b> , будет иметь вид <b>"Лид Иванов Иван 10.02.2018 в 9:40"</b></div>
 
#* <b style="color: green">Отображение документов в условиях соглашения</b>
 
#* <b style="color: green">Отображение документов в условиях соглашения</b>
 +
#*: При активности данной настройки появляется дополнительный раздел <b>"документы"</b>, так же в [[Медиа:GO_14.png|окне оформления заявки]] из модуля поиска появляется галочка cогласия с условиями:<br/> [[Файл:GO_13.png]]
 +
#Раздел <b>"Документы"</b>: (<i>доступен при активности настройки "<b>Отображение документов в условиях соглашения</b>"</i>) [[Файл:GO_15.png|400px|thumb|right|Раздел "Документы"]]
 +
#* <b style="color: green">Документы</b> - список документов доступных для модуля. Имеет 2 кнопки
 +
#*: [[Файл:GO_16.png]] - Добавление нового документа
 +
#*: [[Файл:GO_17.png]] - Удаление выделенного документа
 +
#*: У самого документа есть свойство скрыт\виден [[Файл:GO_18.png]], которое влияет на отображение ссылки на документ.
 +
#* <b style="color: green">Название документа</b> - Название документа в списке "документы" и в [[Медиа: GO_13.png|поле соглашения с условиями]] в окне модуля поиска.
 +
#* <b style="color: green">Показать настройки</b> - Показывает или скрывает настройки документа.
 +
#** <span style="color: green">Формат документа</span>
 +
#**: <i>текст</i> - показывает текстовый редактор в котором можно занести текст документа. такой документ будет показан в модальном окне браузера. [[Медиа: GO_19.png|пример]]
 +
#**: <i>ссылка</i> - показывает поле для ввода ссылки на документ. При нажатии в модуле браузер перейдет по ней в новом окне.
 +
#** <span style="color: green">Текстовый редактор</span>  [[Файл:GO_20.png|400px|thumb|right|Текстовый редактор]]
 +
#**: Позволяет редактировать текст документа. <br/>Имеет 3 предустановленных шаблона (Политика конфиденциальности, Конфиденциальность персональной информации, Договор оферта). <span style="color: red">Внимание! Данные документы созданы чтобы показать возможности системы, они не имеют конкретики и в них возможны юридические неточности.</span>
 +
#**: Выбрав шаблон из списка разблокируется кнопка [[Файл:GO_21.png]] При ее нажатии в редактор будет вставлен текст выбранного шаблона, <br/>а кнопка сменится на [[Файл:GO_22.png]], при повторном нажатии текст удалится.
 +
#**: Значок [[Файл:GO_23.png]] в текстовом редакторе переводит редактор в полноэкранный режим.
 +
# <b>Предпросмотр модуля</b>
 +
#: Предпросмотр доступен в нижней части экрана на всех разделах редактирования модуля и имеет возможность показывать сделанные изменения в реальном времени
 +
# <b>Сохранение изменений</b>
 +
#: На каждом экране присутствуют кнопки управления изменениями [[Файл:GO_24.png|300px]] При нажатии "Сохранить", если не было пропущено обязательных настроек модуля, модуль сохранится и будет доступен в [[Медиа:GO_25.png|списке модулей ]](при этом редактор модуля закроется и браузер вернется в раздел "Администрирование"), в противном случае система выдаст уведомления о не заполненных полях.
 +
#: <div style="background: #ffe2e2; border: 1px solid #ff9999; padding: 10px; max-width: 580px;">[[Файл:GO_warning.png|32px]]Кнопка "Применить" доступна только при редактировании уже созданного модуля.</div>
 +
 +
== Установка модуля на сайт ==
 +
[[Файл:GO_28.png|400px|thumb|right|Текстовый редактор]]
 +
После создания модуль появляется в списке раздела [[Медиа:GO_25.png|"Управление модулями"]]. У каждого модуля в этом списке есть блок управления [[Файл:GO_26.png]].<br/> Кнопка  [[Файл:GO_27.png]] выводит модальное окно с html кодом сформированного модуля. Необходимо скопировать данный код с помощью выделения или просто нажав кнопку "Скопировать".<br/>
 +
Далее нужно внедрить данный код в разметку вашего сайта.
 +
<div style="background: #fffccc; border: 1px solid #ddd000; padding: 10px; max-width: 810px;"> [[Файл:GO_attention.png|32px]]Ввиду большого количества возможных CMS систем, а так же разных технологий Веб страниц, четкой инструкции нет. В общем случае для большинства CMS  систем будет необходимо создать внутренний "модуль общего назначения" (или "модуль HTML кода") и скопировать в него код вашего поискового модуля MAG.travel. Далее указать отображение созданного модуля в нужном месте страницы сайта. <br/> Для сайтов без CMS системы нужно вставить блок кода модуля непосредственно в шаблон сайта или, если сайт статический, в сам HTML файл страницы.</div>
 +
<br/>
 +
<div style="background: #deffcc; border: 1px solid #6db234; padding: 10px; max-width: 810px;">[[Файл:GO_good.png|32px]]После того как код модуля внедрен на сайт в дальнейшем при изменении настроек модуля не потребуется снова проделывать процедуру вставки кода, достаточно просто обновить страницу сайта нажав сочетание клавиш <i>CTRL+F5</i></div>

Текущая версия на 12:22, 7 марта 2019

Версия статьи от 7-03-2019.

Основная информация

Модуль поиска туров представляет собой JavaScript объект, внедряемый в html код сайта. Его функционал позволяет пользователям сайта Просматривать поисковую выдачу туров и создавать предзаказ на основе выбранного тура.
По данным из модуля в системе создается ЛИД (Обращение) в котором будет отражен выбранный клиентом тур, а так же данные самого клиента.

Расположение

Управление данным модулем находится в разделе Администрирование (правый верхний угол) Ak 076.png, на вкладке Управление модулями
GO 01.png

Создание модуля

Раздел "Общее"

Нажмите кнопку GO 02.png - откроется конструктор модуля "Поиск Туров" (все изменения видны в Предпросмотре модуля)

  1. Раздел "Общее":
    • Название модуля - под этим именем он будет виден в списке модулей.
    Адрес сайта расположения - Адрес вашего сайта, где будет располагаться модуль.
    GO good.pngЛучше всего указать просто имя вашего сайта, пример: mysite.ru. Все остальное система сделает сама и модуль будет доступен на всех страницах сайта.
    GO attention.png Если указать конкретную страницу, то модуль будет работать только на ней.
    Пример: mysite.ru\tour_search
  2. Раздел "Тип формы":
    Раздел "Тип Формы"
  3. Раздел "Оформление":
    Раздел "Оформление".Расширенные настройки
    • Стандартная тема оформления - можно выбрать одну из предустановленных тем оформления модуля
      Пользовательская тема дает возможность ручной настройки в "расширенных настройках"
    • Расширенные настройки
      • Ширина формы поиска
        ->Стандартная - 1000px
        ->Автоматически - по размеру контейнера(div элемента в который вписан модуль), ширина контейнера не может быть меньше 720px иначе модуль выйдет за границы контейнера
        ->Свой размер - от 720px. Верхний предел не ограничен
      • Ширина результатов поиска
        ->Стандартная - 680px
        ->Автоматически - по размеру контейнера(div элемента в который вписан модуль), ширина контейнера не может быть меньше 680px иначе модуль выйдет за границы контейнера
        ->Свой размер - от 680px. Верхний предел не ограничен
      • Скругление углов формы пример
      • Скругление углов фильтра пример
      • Настройка цветов формы поиска
        ->Ручное выставление цветов различных элементов формы в формате RGBA, с возможностью выбора цвета из палитры
      • Настройки CSS стилей
        -> Возможность применить свои стили CSS разметки
  4. Раздел "Параметры":
    Раздел "Параметры"
    • Страна - указывается страна тура по умолчанию предлагаемая модулем
    • город вылета - указывается город вылета по умолчанию предлагаемый модулем
    • Туроператоры - чекбокс. Скрывает или показывает название туроператоров в поисковой выдаче
    • Ведущий менеджер по клиенту - учетная запись пользователя в системе к которому будет привязан клиент
    GO good.png Если создать в системе отдельно пользователя, например, с именем "Модуль поиска", то в разделе "Клиенты" можно будет выставлять фильтр "Ведущий менеджер" по имени "Модуль поиска". Таким образом можно сделать отбор клиентов полученных из модуля поиска туров
    • Формат именования ЛИДа - Формат имени ЛИДа созданного по результатам выбора клиента.
      Имеет несколько ключевых слов:
       %DATE% - дата в формате DD.MM.YYYY
       %TIME% - время в формате hh:mm
       %HOST% - Адрес сайта, указанный в настройках
       %FIRSTNAME% - Имя, указанное клиентом
       %NAME% - Фамилия, указанная клиентом

      GO attention.pngК примеру, формат названия "Лид %NAME% %FIRSTNAME% %DATE% в %TIME%" , будет иметь вид "Лид Иванов Иван 10.02.2018 в 9:40"
    • Отображение документов в условиях соглашения
      При активности данной настройки появляется дополнительный раздел "документы", так же в окне оформления заявки из модуля поиска появляется галочка cогласия с условиями:
      GO 13.png
  5. Раздел "Документы": (доступен при активности настройки "Отображение документов в условиях соглашения")
    Раздел "Документы"
    • Документы - список документов доступных для модуля. Имеет 2 кнопки
      GO 16.png - Добавление нового документа
      GO 17.png - Удаление выделенного документа
      У самого документа есть свойство скрыт\виден GO 18.png, которое влияет на отображение ссылки на документ.
    • Название документа - Название документа в списке "документы" и в поле соглашения с условиями в окне модуля поиска.
    • Показать настройки - Показывает или скрывает настройки документа.
      • Формат документа
        текст - показывает текстовый редактор в котором можно занести текст документа. такой документ будет показан в модальном окне браузера. пример
        ссылка - показывает поле для ввода ссылки на документ. При нажатии в модуле браузер перейдет по ней в новом окне.
      • Текстовый редактор
        Текстовый редактор
        Позволяет редактировать текст документа.
        Имеет 3 предустановленных шаблона (Политика конфиденциальности, Конфиденциальность персональной информации, Договор оферта). Внимание! Данные документы созданы чтобы показать возможности системы, они не имеют конкретики и в них возможны юридические неточности.
        Выбрав шаблон из списка разблокируется кнопка GO 21.png При ее нажатии в редактор будет вставлен текст выбранного шаблона,
        а кнопка сменится на GO 22.png, при повторном нажатии текст удалится.
        Значок GO 23.png в текстовом редакторе переводит редактор в полноэкранный режим.
  6. Предпросмотр модуля
    Предпросмотр доступен в нижней части экрана на всех разделах редактирования модуля и имеет возможность показывать сделанные изменения в реальном времени
  7. Сохранение изменений
    На каждом экране присутствуют кнопки управления изменениями GO 24.png При нажатии "Сохранить", если не было пропущено обязательных настроек модуля, модуль сохранится и будет доступен в списке модулей (при этом редактор модуля закроется и браузер вернется в раздел "Администрирование"), в противном случае система выдаст уведомления о не заполненных полях.
    GO warning.pngКнопка "Применить" доступна только при редактировании уже созданного модуля.

Установка модуля на сайт

Текстовый редактор

После создания модуль появляется в списке раздела "Управление модулями". У каждого модуля в этом списке есть блок управления GO 26.png.
Кнопка GO 27.png выводит модальное окно с html кодом сформированного модуля. Необходимо скопировать данный код с помощью выделения или просто нажав кнопку "Скопировать".
Далее нужно внедрить данный код в разметку вашего сайта.

GO attention.pngВвиду большого количества возможных CMS систем, а так же разных технологий Веб страниц, четкой инструкции нет. В общем случае для большинства CMS систем будет необходимо создать внутренний "модуль общего назначения" (или "модуль HTML кода") и скопировать в него код вашего поискового модуля MAG.travel. Далее указать отображение созданного модуля в нужном месте страницы сайта.
Для сайтов без CMS системы нужно вставить блок кода модуля непосредственно в шаблон сайта или, если сайт статический, в сам HTML файл страницы.


GO good.pngПосле того как код модуля внедрен на сайт в дальнейшем при изменении настроек модуля не потребуется снова проделывать процедуру вставки кода, достаточно просто обновить страницу сайта нажав сочетание клавиш CTRL+F5