Исходный код вики 4.1. Email-рассылки


Скрыть последних авторов
Вера Ретьева 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 )))

Новости
Обновления
Облако тегов
Словарь
Наш блог
YouTube и Rutube
Telegram