4.1. Email-рассылки

(% class="root-extension__layer-composer" %)

(((

(% class="lead" %)

Модуль** Email-рассылок** позволяет отправлять письма группе клиентов из заданного [[сегмента>>doc:Main.Using.Smart_Communications.Customers.User_segments.WebHome]].

)))

**Подготовка email-рассылки состоит из следующих шагов:**

10

11

1. Настройка [[А/В-тестирования в рассылке>>doc:Main.Using.Smart_Communications.Mass_mailings.A_B_testing.WebHome]], если необходимо.

12

1. Заполнение параметров сообщения. В случае с А/В-тестированием необходимо заполнить несколько вариантов сообщения.

13

1. Заполнение настроек рассылки.

14

15

==== Параметры сообщения ====

16

17

|(% style="border-color:#ffffff; text-align:center" %){{lightbox image="email_settings.png" width="1200"/}}

18

19

Чтобы создать email-рассылку, выполните следующие действия:

20

21

* Укажите **имя отправителя** и **адрес отправителя**.

22

* Укажите **адрес для ответов** (reply-to), если предусматривается ответ на сообщение или обратная связь от клиентов. Для этого нажмите на ссылку и введите адрес в текстовое поле.

23

* Заполните **тему** и **текст письма**. Можно использовать [[шаблоны письма>>doc:||anchor="01"]]. Также в тексте доступно [[форматирование>>doc:||anchor="02"]].

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

(((

30

**Обратите внимание**: когда для тестового сообщения пользователь указывает свой email адрес, то Система генерирует письмо для специального **тестового клиента **— Константина Константиновского. Это делается в связи с тем, что пользователь [[Loymax Smart Communications>>doc:Main.Using.Smart_Communications.WebHome]] может не иметь [[клиентский профиль>>doc:Main.Using.Smart_Communications.Customers.All_clients.WebHome||anchor="Profile"]] в базе данных.

31

)))

32

33

==== Настройки рассылки ====

34

35

Все виды рассылок имеют одинаковый набор настроек. Подробное описание настроек рассылок смотрите в отдельной [[статье>>doc:Main.Using.Smart_Communications.Mass_mailings.mailing_settings.WebHome]].

36

37

==== {{id name="01"/}}Шаблон письма ====

38

39

В Smart Communications имеется возможность использовать готовый [[шаблон>>doc:.Templates.WebHome]] письма. Для этого нажмите на поле **Выбрать шаблон** и в выпадающем списке выберите подходящий шаблон для письма.

40

41

==== {{id name="02"/}}Форматирование текста письма ====

42

43

В тексте письма доступно **форматирование **для удобства работы с текстом.

44

45

|(% style="border-color:#ffffff; text-align:center" %){{lightbox image="Formatting.png" width="1000"/}}

46

47

Доступны следующие функции:

48

49

1. Задать стиль письма (заголовок, цитата, нормальный текст).

50

1. Выделить текст жирным, курсивом, зачеркиванием, подчеркиванием, положением (верхний/нижний индекс).

51

1. Задать шрифт и его размер.

52

1. Цвет текста и фона.

53

1. Создать маркированный или нумерованный список.

54

1. Вставить таблицу/картинку/ссылку/горизонтальную линию.

55

1. Увеличить текст письма на весь экран.

56

1. Посмотреть/редактировать исходный код текста.

57

1. Сделать отступ вправо/влево.

58

1. Выровнять текст по центру/по левому краю/по правому краю/по ширине.

59

1. Добавить разметку.

60

1. Вставить [[переменную>>doc:Main.Using.Smart_Communications.Mass_mailings.Template_builder.WebHome]]. Например, выберите** Фамилия клиента** в выпадающем списке, и в тексте письма автоматически появится фамилия получателя.

61

1. Предпросмотр письма. Можно посмотреть, как письмо будет выглядеть на компьютере, планшете, телефоне, нажав на соответствующую иконку в правом верхнем углу.

62

63

|(% style="border-color:#ffffff; text-align:center" %){{lightbox image="Email_view.png" width="500"/}}

64

65

Можно посмотреть, как будет выглядеть письмо для конкретного клиента. Для этого в поле **Клиент **введите его Ф. И. О./номер телефона/email/внутренний идентификатор клиента (local_id). Чтобы результаты поиска были однозначны, рекомендуется использовать контактные данные или внутренний идентификатор клиента.

66

67

(% class="box warningmessage" %)

68

(((

69

Поиск в поле **Клиент **— регистрозависимый. Имя и фамилию клиента необходимо вводить с большой буквы.

70

)))

71

72

==== Форматирование изображения в тексте письма ====

73

74

|(% style="border-color:white; width:638px" %)(((

75

При загрузке изображения в тело письма через кнопку на панели форматирования [[image:attach:Picture1.png||height="31" width="38"]]имеется возможность отформатировать изображение. Для этого нажмите левой кнопкой мыши на изображение, откроется контекстное меню, где доступны следующие варианты:

76

77

* Корзина [[image:attach:Basket.png]]— удаление картинки;

78

* Двойная вертикальная стрелка [[image:attach:Arrow.png||height="31" width="41"]]— выравнивание картинки по вертикали:

** по верхнему краю;

** посередине;

** по нижнему краю;

** нормальный текст.

* Горизонтальное выравнивание [[image:attach:Alignment.png||height="31" width="43"]]:

** по левому краю;

** по правому краю;

** по центру

** нормальный текст.

* Редактирование [[image:attach:Edit.png]]

89

)))|(% style="border-color:white; width:629px" %)[[image:attach:Picture_edit.png]]

90

|(% style="border-color:white; width:638px" %)(((

91

При нажатии на кнопку редактирования открывается модальное окно **Свойства изображения**, которое содержит изображение картинки. Имеется возможность указать/отредактировать размеры картинки. Для этого нажмите на иконку замка под изображением и введите нужные значения.

92

93

Справа от изображения картинки есть две вкладки:

94

95

1. **Изображение**;

96

1. **Расширенные **параметры.

97

98

Во вкладке** Изображение **заполните следующие поля:

99

100

* **SRC **— указывает путь к файлу;

101

* **Заголовок** — при необходимости укажите заголовок для изображения.

102

* **Альтернативный текст (alt) **— текстовое описание изображения для случаев, если пользователи по каким-то причинам не могут увидеть изображение.

103

* **Ссылка **

104

** При необходимости отметьте чекбокс **Открывать ссылку в новом окне**.

105

106

107

)))|(% style="border-color:white; text-align:center; width:629px" %){{lightbox image="Image.png" width="400"/}}

108

|(% style="border-color:white; width:638px" %)(((

109

Во вкладке **Расширенные **доступны следующие поля:

* **Отступы**,

* **Стили**,

* **Классы**,

* **Id**,

* **Радиус границы**,

* **Выравнивание**:

** не устанавливать,

** по левому краю,

** по центру,

** по правому краю.

После заполнения нужных полей нажмите на кнопку **Применить**.

123

)))|(% style="border-color:white; text-align:center; width:629px" %){{lightbox image="Expanded_properties.png" width="400"/}}

124

125

==== Блочный редактор писем ====

126

127

В Системе доступен **блочный редактор писем** для удобной работы с [[email-рассылками>>doc:]]. Для его использования необходимо активировать фича-флаг **EnableNewTemplateEditor**.

128

129

В блочном редакторе вся работа с макетами писем происходит в одной вкладке. Здесь можно создать письмо с помощью блоков, переключиться на редактор кода или добавить шаблон письма. Также сохраняются опции предпросмотра[[image:attach:Preview.png]] и тестовой отправки письма [[image:attach:Test_message.png]], которые доступны в меню на верхней панели (см. изображение ниже).

130

131

(% class="box infomessage" %)

132

(((

133

**Подробную инструкцию о работе с блочным редактором писем читайте [[здесь>>url:https://www.unisender.com/ru/support/category/letter/]].**

134

)))

135

136

|(% style="border-color:#ffffff; text-align:center" %)[[image:attach:Modular_editor_updated1.png]]