Исходный код вики 4.1. Email-рассылки
Скрыть последних авторов
author | version | line-number | content |
---|---|---|---|
|
26.1 | 1 | (% class="root-extension__layer-composer" %) |
2 | ((( | ||
|
27.1 | 3 | (% class="lead" %) |
|
23.1 | 4 | Модуль** Email-рассылок** позволяет отправлять письма группе клиентов из заданного [[сегмента>>doc:Main.Using.Smart_Communications.Customers.User_segments.WebHome]]. |
|
26.1 | 5 | ))) |
|
1.1 | 6 | |
|
5.1 | 7 | {{toc depth="4" start="3"/}} |
8 | |||
|
7.1 | 9 | **Подготовка email-рассылки состоит из следующих шагов:** |
|
1.1 | 10 | |
|
13.1 | 11 | 1. Настройка [[А/В-тестирования в рассылке>>doc:Main.Using.Smart_Communications.Mass_mailings.A_B_testing.WebHome]], если необходимо. |
|
1.1 | 12 | 1. Заполнение параметров сообщения. В случае с А/В-тестированием необходимо заполнить несколько вариантов сообщения. |
13 | 1. Заполнение настроек рассылки. | ||
14 | |||
15 | ==== Параметры сообщения ==== | ||
16 | |||
|
2.1 | 17 | |(% style="border-color:#ffffff; text-align:center" %){{lightbox image="email_settings.png" width="1200"/}} |
18 | |||
|
5.1 | 19 | Чтобы создать email-рассылку, выполните следующие действия: |
20 | |||
|
2.1 | 21 | * Укажите **имя отправителя** и **адрес отправителя**. |
|
5.1 | 22 | * Укажите **адрес для ответов** (reply-to), если предусматривается ответ на сообщение или обратная связь от клиентов. Для этого нажмите на ссылку и введите адрес в текстовое поле. |
|
4.1 | 23 | * Заполните **тему** и **текст письма**. Можно использовать [[шаблоны письма>>doc:||anchor="01"]]. Также в тексте доступно [[форматирование>>doc:||anchor="02"]]. |
|
2.1 | 24 | * Можно прикрепить файлы к письму, нажав на ссылку **Прикрепить** ниже поля для ввода текста. |
25 | * При необходимости можно добавить [[UTM-метку>>https://ru.m.wikipedia.org/wiki/UTM-%D0%BC%D0%B5%D1%82%D0%BA%D0%B8]] для отслеживания рекламных кампаний в сети Интернет. Если UTM-метка задана, то она будет добавлена во все ссылки письма. | ||
26 | * После заполнения всех параметров сообщения можно отправить тестовое сообщение. Для этого нажмите** Тест**. В открывшемся окне укажите адрес для отправки сообщения и нажмите **Отправить**. | ||
27 | |||
28 | (% class="box infomessage" %) | ||
29 | ((( | ||
|
25.1 | 30 | **Обратите внимание**: когда для тестового сообщения пользователь указывает свой email адрес, то Система генерирует письмо для специального **тестового клиента **— Константина Константиновского. Это делается в связи с тем, что пользователь [[Loymax Smart Communications>>doc:Main.Using.Smart_Communications.WebHome]] может не иметь [[клиентский профиль>>doc:Main.Using.Smart_Communications.Customers.All_clients.WebHome||anchor="Profile"]] в базе данных. |
|
2.1 | 31 | ))) |
32 | |||
33 | ==== Настройки рассылки ==== | ||
34 | |||
|
12.1 | 35 | Все виды рассылок имеют одинаковый набор настроек. Подробное описание настроек рассылок смотрите в отдельной [[статье>>doc:Main.Using.Smart_Communications.Mass_mailings.mailing_settings.WebHome]]. |
|
2.1 | 36 | |
|
4.1 | 37 | ==== {{id name="01"/}}Шаблон письма ==== |
|
2.1 | 38 | |
|
25.1 | 39 | В Smart Communications имеется возможность использовать готовый [[шаблон>>doc:.Templates.WebHome]] письма. Для этого нажмите на поле **Выбрать шаблон** и в выпадающем списке выберите подходящий шаблон для письма. |
|
2.1 | 40 | |
|
4.1 | 41 | ==== {{id name="02"/}}Форматирование текста письма ==== |
|
2.1 | 42 | |
|
6.1 | 43 | В тексте письма доступно **форматирование **для удобства работы с текстом. |
|
2.1 | 44 | |
45 | |(% style="border-color:#ffffff; text-align:center" %){{lightbox image="Formatting.png" width="1000"/}} | ||
46 | |||
|
6.1 | 47 | Доступны следующие функции: |
48 | |||
|
2.1 | 49 | 1. Задать стиль письма (заголовок, цитата, нормальный текст). |
|
4.1 | 50 | 1. Выделить текст жирным, курсивом, зачеркиванием, подчеркиванием, положением (верхний/нижний индекс). |
|
2.1 | 51 | 1. Задать шрифт и его размер. |
52 | 1. Цвет текста и фона. | ||
53 | 1. Создать маркированный или нумерованный список. | ||
54 | 1. Вставить таблицу/картинку/ссылку/горизонтальную линию. | ||
55 | 1. Увеличить текст письма на весь экран. | ||
56 | 1. Посмотреть/редактировать исходный код текста. | ||
57 | 1. Сделать отступ вправо/влево. | ||
58 | 1. Выровнять текст по центру/по левому краю/по правому краю/по ширине. | ||
59 | 1. Добавить разметку. | ||
|
13.1 | 60 | 1. Вставить [[переменную>>doc:Main.Using.Smart_Communications.Mass_mailings.Template_builder.WebHome]]. Например, выберите** Фамилия клиента** в выпадающем списке, и в тексте письма автоматически появится фамилия получателя. |
|
6.1 | 61 | 1. Предпросмотр письма. Можно посмотреть, как письмо будет выглядеть на компьютере, планшете, телефоне, нажав на соответствующую иконку в правом верхнем углу. |
|
2.1 | 62 | |
|
3.1 | 63 | |(% style="border-color:#ffffff; text-align:center" %){{lightbox image="Email_view.png" width="500"/}} |
|
2.1 | 64 | |
|
6.1 | 65 | Можно посмотреть, как будет выглядеть письмо для конкретного клиента. Для этого в поле **Клиент **введите его Ф. И. О./номер телефона/email/внутренний идентификатор клиента (local_id). Чтобы результаты поиска были однозначны, рекомендуется использовать контактные данные или внутренний идентификатор клиента. |
|
2.1 | 66 | |
|
3.1 | 67 | (% class="box warningmessage" %) |
68 | ((( | ||
69 | Поиск в поле **Клиент **— регистрозависимый. Имя и фамилию клиента необходимо вводить с большой буквы. | ||
70 | ))) | ||
|
12.1 | 71 | |
|
14.1 | 72 | ==== Форматирование изображения в тексте письма ==== |
73 | |||
|
16.1 | 74 | |(% style="border-color:white; width:638px" %)((( |
|
15.1 | 75 | При загрузке изображения в тело письма через кнопку на панели форматирования [[image:attach:Picture1.png||height="31" width="38"]]имеется возможность отформатировать изображение. Для этого нажмите левой кнопкой мыши на изображение, откроется контекстное меню, где доступны следующие варианты: |
|
14.1 | 76 | |
|
15.1 | 77 | * Корзина [[image:attach:Basket.png]]— удаление картинки; |
78 | * Двойная вертикальная стрелка [[image:attach:Arrow.png||height="31" width="41"]]— выравнивание картинки по вертикали: | ||
|
21.1 | 79 | ** по верхнему краю; |
|
15.1 | 80 | ** посередине; |
|
21.1 | 81 | ** по нижнему краю; |
|
15.1 | 82 | ** нормальный текст. |
83 | * Горизонтальное выравнивание [[image:attach:Alignment.png||height="31" width="43"]]: | ||
84 | ** по левому краю; | ||
85 | ** по правому краю; | ||
86 | ** по центру | ||
87 | ** нормальный текст. | ||
88 | * Редактирование [[image:attach:Edit.png]] | ||
|
16.1 | 89 | )))|(% style="border-color:white; width:629px" %)[[image:attach:Picture_edit.png]] |
90 | |(% style="border-color:white; width:638px" %)((( | ||
|
24.1 | 91 | При нажатии на кнопку редактирования открывается модальное окно **Свойства изображения**, которое содержит изображение картинки. Имеется возможность указать/отредактировать размеры картинки. Для этого нажмите на иконку замка под изображением и введите нужные значения. |
|
15.1 | 92 | |
|
16.1 | 93 | Справа от изображения картинки есть две вкладки: |
94 | |||
|
20.1 | 95 | 1. **Изображение**; |
|
22.1 | 96 | 1. **Расширенные **параметры. |
|
16.1 | 97 | |
|
17.1 | 98 | Во вкладке** Изображение **заполните следующие поля: |
|
16.1 | 99 | |
100 | * **SRC **— указывает путь к файлу; | ||
101 | * **Заголовок** — при необходимости укажите заголовок для изображения. | ||
|
21.1 | 102 | * **Альтернативный текст (alt) **— текстовое описание изображения для случаев, если пользователи по каким-то причинам не могут увидеть изображение. |
|
16.1 | 103 | * **Ссылка ** |
104 | ** При необходимости отметьте чекбокс **Открывать ссылку в новом окне**. | ||
105 | |||
106 | |||
|
19.1 | 107 | )))|(% style="border-color:white; text-align:center; width:629px" %){{lightbox image="Image.png" width="400"/}} |
|
20.1 | 108 | |(% style="border-color:white; width:638px" %)((( |
109 | Во вкладке **Расширенные **доступны следующие поля: | ||
|
16.1 | 110 | |
|
20.1 | 111 | * **Отступы**, |
112 | * **Стили**, | ||
113 | * **Классы**, | ||
114 | * **Id**, | ||
115 | * **Радиус границы**, | ||
116 | * **Выравнивание**: | ||
117 | ** не устанавливать, | ||
118 | ** по левому краю, | ||
119 | ** по центру, | ||
120 | ** по правому краю. | ||
121 | |||
122 | После заполнения нужных полей нажмите на кнопку **Применить**. | ||
123 | )))|(% style="border-color:white; text-align:center; width:629px" %){{lightbox image="Expanded_properties.png" width="400"/}} | ||
124 | |||
|
30.1 | 125 | ==== Блочный редактор писем ==== |
126 | |||
|
31.1 | 127 | В Системе доступен **блочный редактор писем** для удобной работы с [[email-рассылками>>doc:]]. Для его использования необходимо активировать фича-флаг **EnableNewTemplateEditor**. |
|
30.1 | 128 | |
|
35.1 | 129 | В блочном редакторе вся работа с макетами писем происходит в одной вкладке. Здесь можно создать письмо с помощью блоков, переключиться на редактор кода или добавить шаблон письма. Также сохраняются опции предпросмотра[[image:attach:Preview.png]] и тестовой отправки письма [[image:attach:Test_message.png]], которые доступны в меню на верхней панели (см. изображение ниже). |
|
32.1 | 130 | |
|
31.1 | 131 | (% class="box infomessage" %) |
132 | ((( | ||
133 | **Подробную инструкцию о работе с блочным редактором писем читайте [[здесь>>url:https://www.unisender.com/ru/support/category/letter/]].** | ||
134 | ))) | ||
|
30.1 | 135 | |
|
34.1 | 136 | |(% style="border-color:#ffffff; text-align:center" %)[[image:attach:Modular_editor_updated1.png]] |
|
30.1 | 137 | |
|
12.1 | 138 | (% class="box" %) |
139 | ((( | ||
140 | **Читайте также:** | ||
|
13.1 | 141 | |
|
12.1 | 142 | * [[Шаблоны>>doc:.Templates.WebHome]] |
143 | * [[Настройки рассылки>>doc:Main.Using.Smart_Communications.Mass_mailings.mailing_settings.WebHome]] | ||
|
13.1 | 144 | * ((( |
145 | [[Персонализация рассылок через шаблонизатор>>doc:Main.Using.Smart_Communications.Mass_mailings.Template_builder.WebHome]] | ||
|
12.1 | 146 | ))) |
|
13.1 | 147 | ))) |