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