Дизайнер документов

Материал из wiki.Sletat.ru
Перейти к: навигация, поиск

Что такое Дизайнер шаблонов?

Дизайнер шаблонов SLETAT.RU – это среда, разработанная специально для того, чтобы расширить возможности редактирования писем, которые Система биллинга Слетать.ру автоматически отправляет вашим клиентам.

Возможно, вы заметили — из чтения этого руководства или из практики работы с Системой, что письма, отправляемые клиентам, имеют стандартный вид. Более того, эти письма содержат данные, которые, хоть и отличаются друг от друга, принадлежат к одному типу (например, имя клиента, телефон, e-mail, название тура, стоимость тура и т. д.). Такие данные называются переменными, а схема, описывающая стандартный вид письма — шаблоном.

Таким образом, шаблон — это файл, содержащий набор переменных, схему их расположения и элементы оформления, не изменяющиеся от письма к письму (такие как рамка, приветствие и т. д.). Система биллинга создаёт на основании шаблона письмо, используя данные со Страницы заказа. В результате клиент получает письмо, адресованное лично ему.

В Системе биллинга Слетать.ру используется два вида шаблонов — те, которые вы редактируете непосредственно в Личном кабинете, при помощи HTML-кода или визуального редактора, и те, которые можно редактировать только с использованием Дизайнера шаблонов SLETAT.RU.

  • Расширенные возможности добавления переменных. Визуальный редактор и редактор HTML-кода создают письмо непосредственно в HTML, а Дизайнер шаблонов перекодирует его в HTML уже после создания. И так как Дизайнер шаблонов не стеснён рамками HTML, он позволяет добавлять в письмо больше разных переменных, таких, например, как список туристов с указанием купленных виз и страховок.
  • Абсолютное позиционирование. В Дизайнере шаблонов вы можете свободно перемещать любые элементы письма в пределах рабочей области, и в готовом письме они будут отображаться именно там, куда вы их поместили.
  • Более красочные письма. Это преимущество вытекает из первого. Одна из переменных, которую позволяет добавить в письмо Дизайнер шаблонов — это фотография тура. Люди любят красочные фотографии, так что не пренебрегайте этим преимуществом.
  • Более удобная работа. Для работы с HTML нужны специальные знания, без которых вам сложно будет добиться того, чтобы вёрстка письма идеально соответствовала вашему видению. Конечно, чтобы освоить Дизайнер шаблонов, вам потребуется некоторое время, но результат окупит его сполна.
Внимание! В связи с тем, что Дизайнер шаблонов постоянно дорабатывается и улучшается, в рамках этого руководства рассмотрен только базовый функционал программы. Подробное руководство по работе с Дизайнером будет формироваться по мере получения обратной связи от пользователей.

Как установить Дизайнер шаблонов

Скачайте Дизайнер шаблонов SLETAT.RU, перейдя по ссылке ниже.

https://static.sletat.ru/Files/layout-designer/setup.zip

Также ссылки на скачивание размещены в вашем Личном кабинете, в разделах «Дизайнер документов» или «Настройки \ Шаблоны оповещений».

Ссылка на скачивание Дизайнера шаблонов SLETAT.RU в разделе «Дизайнер документов».

Скачав архив, распакуйте его, запустите установщик и следуйте инструкциям мастера установки. Вы также можете воспользоваться онлайн-версией Дизайнера шаблонов, размещённой в разделе «Дизайнер документов».

Функционал онлайн-версии Дизайнера шаблонов по сравнению с оффлайновой сильно урезан. Её удобно использовать для быстрого внесения незначительных изменений — например, если вам нужно немного подправить текст. Для выполнения более сложных задач рекомендуем использовать оффлайн-версию.

Онлайн-версия Дизайнера шаблонов.

Начало работы

Запустите Дизайнер шаблонов. В открывшемся окне введите логин и пароль от вашего Личного кабинета на сайте SLETAT.RU и нажмите кнопку «Войти».

Пройдя авторизацию, откройте в основном меню программы раздел «Шаблоны документов» и выберите из списка шаблон для редактирования.

Введите логин и пароль от вашего Личного кабинета.
Внимание! Доступ к Дизайнеру шаблонов имеет только Владелец лицензии.
Выберите шаблон для редактирования.

Окно документа, в котором вы сможете отредактировать выбранный шаблон, появится в левой части экрана. Теперь вы можете приступать к работе.

Окно документа.

Редактирование шаблона

По умолчанию на экран выводятся Окно документа и Вспомогательное окно с Рабочими областями «Данные», «Свойства» и «Обозреватель документа». Окно документа появится в левой части экрана, как только вы откроете какой-либо шаблон для редактирования. Вспомогательное окно по умолчанию находятся в правой части экрана. Вы можете переключаться между его Рабочими областями, используя кнопки в нижней части окна.

Совет: вы можете изменять расположение Окон и Рабочих областей по своему желанию (см. «Добавление, удаление и изменение расположения Окон»).
Вспомогательное окно находится в правой части экрана.

В Окне документа представлена визуальная схема расположения информационных блоков в шаблоне. Чтобы переместить блок, наведите на него мышь, нажмите левую кнопку и, удерживая её, перетащите его на нужное место. Если вы хотите выровнять блоки относительно друг друга, программа подскажет нужное расположение.

Для удобства работы на листе отображается сетка. Чтобы выровнять информационный блок по сетке, выделите его и нажмите кнопку “To Grid” [Привязать к сетке]. Чтобы изменить размер блока, ориентируясь по сетке, выделите его и нажмите кнопку “Size to Grid” [Изменить размер по сетке].

Переключайтесь между окнами, используя кнопки в нижней части окна.

Если в результате пере-мещения какие-либо блоки наложились друг на друга, Дизайнер шаблонов выделит эти блоки красным, а во всплывающем окне выведет подсказку.

Чтобы добавить в шаблон какой-либо Информационный блок,откройте Рабочую область «Данные». Здесь представлен список переменных, которые вы можете использовать при составлении письма.

Чтобы переместить блок, наведите на него мышь, нажмите левую кнопку и, удерживая её, перетащите его на нужное место.

Как видите, в Дизайнере шаблонов их намного больше, чем в HTML-редакторе. Найдите в списке нужную переменную, наведите на неё мышь, нажмите левую кнопку и, удерживая её нажатой, перетащите переменную в Окно документа. В шаблоне появится новый Информационный блок, который вы теперь можете форматировать по своему желанию.

Чтобы выровнять информационный блок по сетке, выделите его и нажмите кнопку “To Grid”.
Чтобы изменить размер блока, ориентируясь по сетке, выделите его и нажмите кнопку “Size to Grid”.
Если в результате перемещения какие-либо блоки наложились друг на друга, Дизайнер шаблонов выделит эти блоки красным, а во всплывающем окне выведет подсказку.
Выберите нужную переменную из списка...
…и перетащите в Окно документа.

Некоторые переменные объединены в группы (например, данные о турагентстве, данные о заказчике и т. д.). Слева от группы переменных вы увидите значок выпадающего списка. Кликните по нему, если хотите выбрать отдельную строку из списка.

Чтобы удалить Информационный блок, выделите его и нажмите клавишу Del.

Для форматирования Информационных блоков служит Рабочая область «Свойства». Чтобы перейти к ней, нажмите соответствующую кнопку во Вспомогательном окне. Здесь вы можете изменить размер, цвет и гарнитуру шрифта, добавить границы и заливку и т. д.

Для форматирования текста вы также можете использовать Панель форматирования, расположенную в верхней части экрана.

Некоторые переменные содержат суффиксы и префиксы. Обратите внимание на заголовок письма: Турагентство [Профиль компании.Company.Название компании]. Текст в квадратных скобках — это переменная, а предшествующее ему слово «Турагентство» - её префикс.

В открывшемся меню найдите опцию «Строка формата» и нажмите кнопку «...».

Кликните по значку выпадающего списка, чтобы раскрыть его.
Вспомогательное окно с Рабочей областью «Свойства».
Панель форматирования.
Переменная и её префикс.
Выберите опцию «Строка формата».

В зависимости от необходимости заполните поля Preffix [Префикс] и Suffix [Суффикс] и нажмите кнопку «ОК».

Чтобы изменить префикс переменной, выделите Информационный блок, а затем кликните по кнопке со стрелочкой в правом верхнем его углу.

Чтобы просмотреть получившийся шаблон, нажмите кнопку «Просмотр HTML» в нижней части Окна документа.

В зависимости от необходимости заполните поля «Префикс» и «Суффикс» и нажмите кнопку «Ок».

Чтобы сохранить внесённые изменения, нажмите кнопку «Сохранить на сервер SLETAT.RU» или клавиши Ctrl+S. Если внесённые в шаблон изменения вас не устраивают, вы всегда (даже после любого количества сохранений) можете вернуть шаблон, созданный нами и сохранённый на сервере в качестве используемого по умолчанию. Для этого в разделе «Файл» Основного меню выберите опцию «Вернуть исходное состояние шаблона».

Кнопка «Просмотр HTML».
Кнопка «Сохранить на сервер SLETAT.RU».
В разделе «Файл» Основного меню выберите опцию «Вернуть исходное состояние шаблона».

Добавление, удаление и изменение расположения окон

По умолчанию на экран выводятся Окно документа и Вспомогательное окно с областями «Данные», «Свойства» и «Обозреватель документа». Чтобы добавить или убрать какую-либо из областей, в разделе «Вид» Основного меню выберите опцию “Windows” [Окна] и затем выберите нужную вам Рабочую область.

Чтобы добавить или убрать какое-либо из окон, в разделе «Вид» Основного меню выберите опцию “Windows” [Окна] и затем выберите нужное вам окно.

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

Вспомогательное окно находится в правой части экрана.

Если вы хотите изменить расположение какого-либо окна, зажмите его заголовок и начните перемещать его по экрану. Дизайнер шаблонов предложит вам альтернативные варианты расположения. Двойной щелчок по заголовку окна откроет его содержимое в отдельном окне программы. Вы можете также скрыть Вспомогательное окно, нажав на кнопку «Скрывать автоматически».

Поэкспериментируйте и найдите вариант расположения, который вас устраивает.

Переключайтесь между окнами, используя кнопки в нижней части окна.
Чтобы изменить расположение окна, щёлкните по его заголовку и начните перемещать его по экрану.
Двойной щелчок по заголовку окна откроет его содержимое в отдельном окне программы.

В верхней части Окна документа вы увидите вкладки. Если у вас открыто сразу несколько шаблонов или какие-либо Рабочие области перенесены в основное окно, используйте вкладки для переключения между окнами.

На этом вводный курс по использованию Дизайнера шаблонов завершён. Если у вас возникнут какие-либо проблемы с использованием программы, вы всегда можете обратиться в нашу службу технической поддержки по телефону 8 (800) 700-33-09.

Вы можете также скрыть Вспомогательное окно, нажав на кнопку «Скрывать автоматически».