Дизайнер документов - История изменений

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

2018-10-04T08:06:31Z

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

Kdadmin: /* Начало работы */

2017-08-16T06:02:30Z

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

Kdadmin в 12:17, 18 декабря 2015

2015-12-18T12:17:39Z

Kdadmin: /* Редактирование шаблона */

2015-08-12T12:56:43Z

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

Kdadmin в 12:56, 12 августа 2015

2015-08-12T12:56:07Z

Kdadmin в 12:55, 12 августа 2015

2015-08-12T12:55:40Z

Внесённые изменения

Kdadmin: Новая страница: «=== Что такое Дизайнер шаблонов? === Дизайнер шаблонов SLETAT.RU – это среда, разработанная спе…»

2015-07-29T09:30:35Z

Новая страница: «=== Что такое Дизайнер шаблонов? === Дизайнер шаблонов SLETAT.RU – это среда, разработанная спе…»

Новая страница

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

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

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

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

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

{|class="standard sWarning"
| Внимание! В связи с тем, что Дизайнер шаблонов постоянно дорабатывается и улучшается, в рамках этого руководства рассмотрен только базовый функционал программы. Подробное руководство по работе с Дизайнером будет формироваться по мере получения обратной связи от пользователей.
|}

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

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

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

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

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

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

Рис. 7.2. Ссылка на скачивание Дизайнера шаблонов SLETAT.RU в разделе «Настройки /Шаблоны оповещений».

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

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

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

{|class="standard sWarning"
| Внимание! Доступ к Дизайнеру шаблонов имеет только Владелец лицензии.
|}

Рис. 7.5. Выберите шаблон для редактирования.

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

Рис. 7.6. Окно документа.

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

{|class="standard sAdvice"
| Совет: вы можете изменять расположение Окон и Рабочих областей по своему желанию (см. «Добавление, удаление и изменение расположения Окон»).
|}

Рис. 7.7. Окно документа.

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

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

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

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

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

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

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

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

Рис. 7.11. Чтобы выровнять информационный блок по сетке, выделите его и нажмите кнопку “To Grid”.

Рис. 7.12 Чтобы изменить размер блока, ориентируясь по сетке, выделите его и нажмите кнопку “Size to Grid”.

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

Рис. 7.14-1. Выберите нужную переменную из списка...

Рис. 7.14-2. …и перетащите в Окно документа.

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

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

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

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

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

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

Рис. 7.16. Вспомогательное окно с Рабочей областью «Свойства».

Рис. 7.17. Панель форматирования.

Рис. 7.18. Переменная и её префикс.
Рис. 7.19. Выберите опцию «Строка формата».

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

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

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

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

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

Рис. 7.21. Кнопка «Просмотр HTML».

Рис. 7.22. Кнопка «Сохранить на сервер SLETAT.RU».

Рис. 7.23. В разделе «Файл» Основного меню выберите опцию «Вернуть исходное состояние шаблона».

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

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

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

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

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

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

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

Рис. 7.27. Чтобы изменить расположение окна, щёлкните по его заголовку и начните перемещать его по экрану.

Рис. 7.28. Двойной щелчок по заголовку окна откроет его содержимое в отдельном окне программы.

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

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

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

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

@@ Строка 14: / Строка 14: @@
 * Более удобная работа. Для работы с HTML нужны специальные знания, без которых вам сложно будет добиться того, чтобы вёрстка письма идеально соответствовала вашему видению. Конечно, чтобы освоить Дизайнер шаблонов, вам потребуется некоторое время, но результат окупит его сполна.
-{|class="standard sWarning"
+{| class="standard sWarning"
 | Внимание! В связи с тем, что Дизайнер шаблонов постоянно дорабатывается и улучшается, в рамках этого руководства рассмотрен только базовый функционал программы. Подробное руководство по работе с Дизайнером будет формироваться по мере получения обратной связи от пользователей.
 |}
@@ Строка 36: / Строка 36: @@
 Запустите Дизайнер шаблонов. В открывшемся окне введите логин и пароль от вашего Личного кабинета на сайте SLETAT.RU и нажмите кнопку «Войти».
-Пройдя авторизацию, откройте в основном меню программы раздел «Шаблоны документов» и выберите из списка шаблон для редак-тирования.
+Пройдя авторизацию, откройте в основном меню программы раздел «Шаблоны документов» и выберите из списка шаблон для редактирования.
 [[File:blng-7-4.png |center|frame |  Введите логин и пароль от вашего Личного кабинета.]]
-{|class="standard sWarning"
+{| class="standard sWarning"
 | Внимание! Доступ к Дизайнеру шаблонов имеет только Владелец лицензии.
 |}
@@ Строка 53: / Строка 53: @@
 По умолчанию на экран выводятся Окно документа и Вспомогательное окно с Рабочими областями «Данные», «Свойства» и «Обозреватель документа». Окно документа появится в левой части экрана, как только вы откроете какой-либо шаблон для редактирования. Вспомогательное окно по умолчанию находятся в правой части экрана. Вы можете переключаться между его Рабочими областями, используя кнопки в нижней части окна.
-{|class="standard sAdvice"
+{| class="standard sAdvice"
 | Совет: вы можете изменять расположение Окон и Рабочих областей по своему желанию (см. «Добавление, удаление и изменение расположения Окон»).
 |}
@@ Строка 65: / Строка 65: @@
 [[File:blng-7-9.png |center|frame |  Переключайтесь между окнами, используя кнопки в нижней части окна.]]
-Если в результате пере-мещения какие-либо блоки наложились друг на друга, Дизайнер шаблонов выделит эти блоки крас-ным, а во всплывающем окне выведет подсказку.
+Если в результате пере-мещения какие-либо блоки наложились друг на друга, Дизайнер шаблонов выделит эти блоки красным, а во всплывающем окне выведет подсказку.
-Чтобы добавить в шаблон какой-либо Информаци-онный блок,откройте Рабочую область «Данные». Здесь представлен список переменных, которые вы можете использовать при составлении письма.
+Чтобы добавить в шаблон какой-либо Информационный блок,откройте Рабочую область «Данные». Здесь представлен список переменных, которые вы можете использовать при составлении письма.
 [[File:blng-7-10.png |center|frame |  Чтобы переместить блок, наведите на него мышь, нажмите левую кнопку и, удерживая её, перетащите его на нужное место.]]
@@ Строка 119: / Строка 119: @@
 [[File:blng-7-22.png |center|frame |   Кнопка «Сохранить на сервер SLETAT.RU».]]
 [[File:blng-7-23.png |center|frame |  В разделе «Файл» Основного меню выберите опцию «Вернуть исходное состояние шаблона».]]
-−
 === Добавление, удаление и изменение расположения окон ===

← Предыдущая		Версия 12:17, 18 декабря 2015
Строка 1:		Строка 1:
		+	[[Category:Система биллинга]]
	=== Что такое Дизайнер шаблонов? ===		=== Что такое Дизайнер шаблонов? ===
	Дизайнер шаблонов SLETAT.RU – это среда, разработанная специально для того, чтобы расширить возможности редактирования писем, которые Система биллинга Слетать.ру автоматически отправляет вашим клиентам.		Дизайнер шаблонов SLETAT.RU – это среда, разработанная специально для того, чтобы расширить возможности редактирования писем, которые Система биллинга Слетать.ру автоматически отправляет вашим клиентам.

@@ Строка 55: / Строка 55: @@
 | Совет: вы можете изменять расположение Окон и Рабочих областей по своему желанию (см. «Добавление, удаление и изменение расположения Окон»).
 |}
 [[File:blng-7-8.png |center|frame |  Вспомогательное окно находится в правой части экрана.]]
@@ Строка 122: / Строка 120: @@
 [[File:blng-7-23.png |center|frame |  В разделе «Файл» Основного меню выберите опцию «Вернуть исходное состояние шаблона».]]
 === Добавление, удаление и изменение расположения окон ===
 По умолчанию на экран выводятся Окно документа и Вспомогательное окно с областями «Данные», «Свойства» и «Обозреватель документа». Чтобы добавить или убрать какую-либо из областей, в разделе «Вид» Основного меню выберите опцию “Windows” [Окна] и затем выберите нужную вам Рабочую область.

← Предыдущая		Версия 12:56, 12 августа 2015
Строка 29:		Строка 29:

	Функционал онлайн-версии Дизайнера шаблонов по сравнению с оффлайновой сильно урезан. Её удобно использовать для быстрого внесения незначительных изменений — например, если вам нужно немного подправить текст. Для выполнения более сложных задач рекомендуем использовать оффлайн-версию.		Функционал онлайн-версии Дизайнера шаблонов по сравнению с оффлайновой сильно урезан. Её удобно использовать для быстрого внесения незначительных изменений — например, если вам нужно немного подправить текст. Для выполнения более сложных задач рекомендуем использовать оффлайн-версию.
−
−	[[File:blng-7-2.png \|center\|frame \| Ссылка на скачивание Дизайнера шаблонов SLETAT.RU в разделе «Настройки /Шаблоны оповещений».]]

	[[File:blng-7-3.png \|center\|frame \| Онлайн-версия Дизайнера шаблонов.]]		[[File:blng-7-3.png \|center\|frame \| Онлайн-версия Дизайнера шаблонов.]]

@@ Строка 21: / Строка 21: @@
 Скачайте Дизайнер шаблонов SLETAT.RU, перейдя по ссылке ниже.
-  http://static.sletat.ru/Files/layout-designer/setup.zip
+  https://static.sletat.ru/Files/layout-designer/setup.zip
 Также ссылки на скачивание размещены в вашем Личном кабинете, в разделах «Дизайнер документов» или «Настройки \ Шаблоны оповещений».