Исходный код вики Шаблоны
Последние авторы
| author | version | line-number | content |
|---|---|---|---|
| 1 | В разделе **Шаблоны** дизайнеры создают шаблоны для [[email-сообщений>>doc:Main.Using.Smart_Communications.Mass_mailings.Emails.WebHome||anchor="H42843043143B43E43D43F43844144C43C430"]]. В нем реализована двухуровневая система: сначала создаются [[заготовки>>doc:||anchor="H41743043343E44243E43243A438"]] для шаблонов (шапка, подвал, тело письма и т. д.), затем из них формируются [[шаблоны сообщений>>doc:||anchor="H42843043143B43E43D44B44143E43E43144943543D438439"]]. | ||
| 2 | |||
| 3 | {{toc depth="3"/}} | ||
| 4 | |||
| 5 | = Заготовки = | ||
| 6 | |||
| 7 | (% class="box infomessage" %) | ||
| 8 | ((( | ||
| 9 | Если активирован фича-флаг для работы с** блочным редактором писем**, функциональность **Заготовки** становится недоступной. Подробную инструкцию о работе с блочным редактором читайте [[здесь>>https://www.unisender.com/ru/support/category/letter/]]. | ||
| 10 | ))) | ||
| 11 | |||
| 12 | В разделе **Шаблоны > Заготовки **отображается список всех сохраненных заготовок шаблонов. В этом разделе можно: | ||
| 13 | |||
| 14 | * создавать и загружать новые заготовки, | ||
| 15 | * изменять, копировать и удалять заготовки, сохраненные прежде. | ||
| 16 | |||
| 17 | |(% style="border-color:white; text-align:center" %){{lightbox image="Templates_list1.png" width="800"/}} | ||
| 18 | |||
| 19 | == Создание заготовки == | ||
| 20 | |||
| 21 | Заготовки — это отдельные элементы будущих сообщений (шапка, подвал, кнопки социальных сетей и т. д.). Существует 2 способа создать новую заготовку: | ||
| 22 | |||
| 23 | 1. [[Создание с нуля>>doc:||anchor="01" style="background-color: rgb(255, 255, 255);"]]. | ||
| 24 | 1. [[Импорт из файла>>doc:||anchor="02"]]. | ||
| 25 | |||
| 26 | ==== {{id name="01"/}}Создание шаблона с нуля ==== | ||
| 27 | |||
| 28 | В разделе **Шаблоны > Заготовки** нажмите **Создать новую заготовку**. | ||
| 29 | |||
| 30 | |(% style="border-color:white; text-align:center" %){{lightbox image="Template1.png" width="800"/}} | ||
| 31 | |||
| 32 | Сформируйте заготовку с помощью [[инструментов форматирования>>doc:Main.Using.Smart_Communications.Mass_mailings.Emails.WebHome||anchor="H42443E44043C43044243844043E43243043D43843544243543A44144243043F43844144C43C430"]]. | ||
| 33 | |||
| 34 | |(% style="border-color:white; text-align:center" %){{lightbox image="Template2.png" width="800"/}} | ||
| 35 | |||
| 36 | В тексте сообщения можно использовать [[конструкции Шаблонизатора>>doc:Main.Using.Smart_Communications.Mass_mailings.Template_builder.WebHome]]**.** | ||
| 37 | |||
| 38 | |(% style="border-color:white; width:873px" %)((( | ||
| 39 | Для отправки тестового сообщения: | ||
| 40 | |||
| 41 | 1. Нажмите кнопку **Тест**. | ||
| 42 | 1. В текстовом поле введите email для отправки. | ||
| 43 | 1. Для проверки сообщения для конкретного клиента, заполните поле **Клиент**. | ||
| 44 | 1. Нажмите кнопку **Отправить**. | ||
| 45 | |||
| 46 | Чтобы сохранить заготовку, нажмите кнопку **Сохранить**. | ||
| 47 | )))|(% style="border-color:white; width:565px" %){{lightbox image="test_message1.png"/}} | ||
| 48 | |||
| 49 | ==== {{id name="02"/}}Импорт шаблона из файла ==== | ||
| 50 | |||
| 51 | |(% style="border-color:white; width:870px" %)Чтобы загрузить заготовки из файла, нажмите **Загрузить** в разделе **Шаблоны > Заготовки**.|(% style="border-color:white; width:568px" %){{lightbox image="Import_button1.png"/}} | ||
| 52 | |||
| 53 | Файл должен иметь формат ZIP. Архив должен содержать файл с названием index.html, включающий в себя заготовки в формате: | ||
| 54 | |||
| 55 | (% class="box" %) | ||
| 56 | ((( | ||
| 57 | ##<!~-~- preset ~-~-> | ||
| 58 | Тело первой заготовки | ||
| 59 | <!~-~- /preset ~-~-> | ||
| 60 | ... | ||
| 61 | <!~-~- preset ~-~-> | ||
| 62 | Тело последней заготовки | ||
| 63 | <!~-~- /preset ~-~->## | ||
| 64 | ))) | ||
| 65 | |||
| 66 | |(% style="border-color:white; width:1014px" %)((( | ||
| 67 | **Важно!** Файл должен называться index.html и каждая заготовка должна быть обернута в комментарии: //<!~-~- preset ~-~-//> в начале заготовки и //<!~-~- /preset// //~-~-//>// //в ее конце. Если вы загружаете не заготовку, а письмо целиком, то его также необходимо обернуть комментариями. | ||
| 68 | |||
| 69 | В заготовке могут использоваться изображения. Они будут загружены и внедрены в тело сообщения в виде **base64**. | ||
| 70 | |||
| 71 | Изображения, включая фоновые, должны лежать в директории **images**. | ||
| 72 | |||
| 73 | Таким образом, структура ZIP-архива должна иметь вид, представленный на изображении справа. | ||
| 74 | )))|(% style="border-color:white; width:425px" %){{lightbox image="structure.png"/}} | ||
| 75 | |||
| 76 | == Редактирование, копирование, удаление заготовки == | ||
| 77 | |||
| 78 | |(% style="border-color:white; width:1011px" %)Заготовку шаблона можно изменить, копировать, удалить. Для одного из этих действий выберите соответствующую кнопку под заготовкой.|(% style="border-color:white; width:427px" %){{lightbox image="Editing.png"/}} | ||
| 79 | |||
| 80 | = Шаблоны сообщений = | ||
| 81 | |||
| 82 | В разделе **Шаблоны > Сообщения **отображается список всех сохраненных шаблонов сообщений. В этом разделе можно: | ||
| 83 | |||
| 84 | * создавать новые шаблоны, | ||
| 85 | * изменять, копировать и удалять шаблоны, сохраненные прежде. | ||
| 86 | |||
| 87 | |(% style="border-color:white; text-align:center" %){{lightbox image="Message_template21.png" width="800"/}} | ||
| 88 | |||
| 89 | == Создание шаблона сообщения == | ||
| 90 | |||
| 91 | |(% style="border-color:white; width:901px" %)Чтобы создать новый шаблон сообщения, в разделе **Шаблоны > Сообщения** нажмите **Создать новый шаблон**.|(% style="border-color:white; width:537px" %){{lightbox image="Message_template_create22.png"/}} | ||
| 92 | |(% style="border-color:white; width:901px" %)((( | ||
| 93 | Перетащите заготовку из левой части страницы в правую (см. изображение справа). | ||
| 94 | )))|(% style="border-color:white; width:537px" %){{lightbox image="Preset.png"/}} | ||
| 95 | |(% style="border-color:white; width:901px" %)Можно посмотреть, как будет выглядеть шаблон письма на экране мобильного телефона, планшета, компьютера. Для этого необходимо нажать одну из иконок (см. изображение справа).|(% style="border-color:white; width:537px" %){{lightbox image="Devices.png"/}} | ||
| 96 | |(% style="border-color:white; width:901px" %)((( | ||
| 97 | При наведении на заготовку в шаблоне становятся доступны действия: | ||
| 98 | |||
| 99 | ((( | ||
| 100 | * Удалить [[image:attach:1.png||height="21" width="20"]] | ||
| 101 | * Редактировать [[image:attach:2.png||height="19" width="20"]] | ||
| 102 | * Копировать [[image:attach:3.png||height="21" width="20"]] | ||
| 103 | * Переместить [[image:attach:4.png||height="20" width="20"]] | ||
| 104 | ))) | ||
| 105 | )))|(% style="border-color:white; width:537px" %){{lightbox image="Message_buttons.png"/}} | ||
| 106 | |(% style="border-color:white; width:901px" %)((( | ||
| 107 | Чтобы сохранить шаблон, укажите его название и нажмите кнопку **Сохранить**. | ||
| 108 | )))|(% style="border-color:white; width:537px" %){{lightbox image="Mailing_name.png"/}} | ||
| 109 | |(% style="border-color:white; width:901px" %)((( | ||
| 110 | Для отправки тестового сообщения: | ||
| 111 | |||
| 112 | 1. Нажмите кнопку **Тест**. | ||
| 113 | 1. В текстовом поле введите email для отправки. | ||
| 114 | 1. Для проверки сообщения для конкретного клиента, заполните поле **Клиент**. | ||
| 115 | 1. Нажмите кнопку **Отправить**. | ||
| 116 | |||
| 117 | |||
| 118 | )))|(% style="border-color:white; width:537px" %){{lightbox image="test_message1.png"/}} | ||
| 119 | |||
| 120 | == Редактирование, копирование, удаление шаблона == | ||
| 121 | |||
| 122 | |(% style="border-color:white; width:906px" %)((( | ||
| 123 | Шаблон сообщения можно изменить, копировать, удалить. Для одного из этих действий выберите соответствующую кнопку под шаблоном. | ||
| 124 | )))|(% style="border-color:white; width:532px" %){{lightbox image="Edit2.png"/}} |