Узнайте, как использовать и перемещаться по редактору кампаний для создания или настройки содержимого вашей первой почтовой кампании.

Редактируйте готовые к использованию шаблоны писем

Это самый простой и, вероятно, самый удобный способ создания электронных писем. Все, что вам нужно сделать, это выбрать понравившийся шаблон, настроить его в соответствии с дизайном вашего бренда, вставить свои URL-адреса и заменить наши изображения своими. Ваш готов!

Скриншот 07.05.2024 на 15.24.22.png

Начать с нуля

Этот вариант означает, что вам нужно будет перетаскивать структуры в шаблон, а затем наполнять их блоками контента или модулями.

Email-маркетинг в tidio 04.04.2024, 15.56.52.png

Понимание структуры шаблона

Структура нашего редактора кампаний основана на структуре таблицы HTML. Центральными элементами письма являются полосы, которые могут содержать неограниченное количество структур. Количество и тип полосок вы можете определить здесь:

Скриншот 07.05.2024 на 15.42.45.png

Контейнеры могут содержать неограниченное количество блоков, если они расположены друг на друге. Однако вам нужны разные контейнеры, чтобы размещать блоки рядом.

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

генеральный редактор 05.04.2024, 13.14.44.png

Вы можете выбирать разные элементы письма, щелкая левой кнопкой мыши. При нажатии на панели настроек откроется меню и настройки, доступные для выбранного элемента.

генеральный редактор 05.04.2024, 13.11.41.png

Используя раскрывающееся меню, вы можете удалять, перемещать и копировать элементы письма или сохранять их как модули.

Screen_Shot_2021-12-17_at_15.03.55.png

Перемещаться между элементами письма можно, выбирая нужные элементы мышкой. При этом приоритет выбора принадлежит элементу самого низкого уровня.

Например, нажав на блок в контейнере, расположенном в структуре, расположенной в свою очередь в полосе, вы перейдете в меню настроек блока.

Screen_Shot_2021-12-17_at_16.00.16.png

Используйте редактор кампаний

Нажав на любое письмо или шаблон в вашем аккаунте, вы перейдете в режим редактирования. Весь редактор в режиме редактирования разделен на 2 части: внешний вид и содержание.

появление

В этом разделе собраны практически все функции встроенных настроек редактирования писем. В меню «Внешний вид» вы можете получить доступ к следующим настройкам:

Общие определения

В общих настройках вы можете установить ширину письма, которая по умолчанию составляет 600 пикселей. Вы можете установить любой размер от 320 до 900 пикселей.

Screen_Shot_2021-12-17_at_16.25.18.png

Установите интервал по умолчанию , который будет использоваться по умолчанию для всех новых структур, добавляемых в электронное письмо на вкладке содержимого или при добавлении новых дорожек .

Вы можете выбрать базовый шрифт , его размер и цвет шрифта для всех следующих текстовых блоков.

Screen_Shot_2021-12-17_at_16.26.50.png

Кроме того, вы можете установить цвет ссылок в электронном письме (включить или отключить подчеркивание ссылок ), а также межстрочный интервал по умолчанию для всех текстовых элементов электронного письма.

Имейте в виду, что это единственный способ определить межстрочный интервал, который будет отображаться на мобильных устройствах.

генеральный редактор 05.04.2024, 13.25.41.png

титулы

В этом меню вы можете установить шрифт, размер, цвет, толщину и наклон заголовков H1, H2, H3. Чтобы установить некоторый текст в качестве «заголовка», вам нужно выделить этот текст и выбрать тип заголовка .

Screen_Shot_2021-12-17_at_16.28.52.png

Ремни

Чтобы установить полосу (строку) в качестве заголовка, контента, подвала или информационной полосы , необходимо нажать на нее и установить ее значение на панели настроек. В этих меню можно определить любую настройку, которая будет применяться к каждой полосе (ряду) соответственно.

Здесь можно задать размер текста, цвет фона полоски и цвет фона контента, цвет шрифта, цвет ссылки, выбрать изображение для фона полоски (строки).

В этом меню у вас есть возможность включить подсветку кнопок перенаправления , которые по умолчанию отключены при создании новых писем. Меню кнопок позволяет вам установить некоторые параметры, которые будут использоваться для всех кнопок в электронном письме по умолчанию.

Здесь вы можете установить цвет кнопки, цвет выделенной кнопки, цвет шрифта, стиль и размер текста, параметры толщины и наклона, а также установить радиус границы (настройка по умолчанию — 30 пикселей).

Поддержка Outlook позволяет улучшить отображение кнопок в Outlook путем вставки специального элемента кода VML.

Кроме того, в этой части меню вы можете установить границы и их цвета. Вы можете определить их отдельно для каждой стороны или для всех сторон сразу.

У вас также есть возможность изменить цвет рамки кнопки и включить выделенный цвет границы .

Кроме того, в этом меню можно задать внутреннее расстояние для кнопок отдельно для каждой стороны.

Мобильный дизайн

Здесь вы можете контролировать, как ваше электронное письмо будет выглядеть на мобильных устройствах. Вы можете установить размер текста заголовка, размер текста содержимого, размер текста нижнего колонтитула, размер текста информационной области, размер текста элемента для блока «меню», размер текста для H1, Заголовки H2 и H3 определяют для них горизонтальное выравнивание и расстояние между содержимым письма.

Вы также можете установить размер текста для кнопок на всю ширину мобильного устройства.

Меню контента

В меню контента вы можете добавлять в письмо структуры , блоки и модули — центральные элементы письма или шаблона .

Чтобы создать такой «скелет» шаблона, нужно перетащить структуру , содержащую необходимое количество контейнеров , а затем просто заполнить их блоками или модулями .

структуры

Вы можете выбрать структуру, содержащую 1, 2, 3 или 4 контейнера, из подменю структур.

блоки

В настоящее время существует 8 базовых блоков , включая блок HTML , который позволяет встраивать собственный код и пользовательские элементы электронной почты.

Screen_Shot_2021-12-17_at_17.09.41.png

Например, базовый блок изображения :

Screen_Shot_2021-12-17_at_17.10.32.png

Этот блок можно использовать для добавления изображений в форматах PNG, JPG или GIF максимальным размером 3 МБ. Вы можете добавить изображение со своего компьютера, перетащив или вставив ссылку на внешний источник.

Screen_Shot_2021-12-17_at_17.11.12.png

модули

Меню модулей содержит ранее сохраненные модули, которые вы можете использовать и добавлять в свое письмо. Вы также можете добавлять в меню модулей свои любимые полоски , структуры и контейнеры, чтобы использовать их позже. Кроме того, вы можете использовать наши готовые модули путем перетаскивания. их на вашу электронную почту.

Screen_Shot_2021-12-17_at_17.11.40.png

Поддержка написания ИИ

Вы можете улучшить свое письмо с помощью предложений на основе искусственного интеллекта, чтобы ваши сообщения были разными по тону и стилю. Поддержка написания с помощью искусственного интеллекта разработана, чтобы помочь вам быстро создавать высококачественный, хорошо написанный текст. Благодаря возможностям искусственного интеллекта поддержка письма может создавать достойные абзацы. Вы можете позволить ИИ написать за вас содержимое электронного письма, попросить его перевести сообщение, изменить тон, исправить грамматику и многое другое!

Скриншот

Область редактирования

Эта область занимает большую часть экрана в режиме редактирования.

Screen-Shot-2020-10-22-at-11.04.41.png

Это область редактирования писем и шаблонов. В нее можно перетаскивать блоки/структуры/модули и панель настроек . Здесь можно определить необходимое количество полос и их тип.

Screen-Shot-2020-10-22-at-11.04.59-1200x489.png

Используя раскрывающиеся меню, вы можете удалить, переместить, скопировать или сохранить любой элемент электронной почты как модуль.

Вы можете выбрать любой элемент, нажав на него. После выбора вы увидите настройки для него на панели настроек (список доступных настроек для разных элементов см. выше).

Каждая структура может содержать от 1 до 4 контейнеров.

Screen_Shot_2021-12-17_at_17.18.07.png

Контейнеры могут содержать неограниченное количество других элементов, если вы размещаете их один под другим, но если вы хотите разместить элемент справа или слева, вам придется использовать разные контейнеры.

Работа с текстом

Чтобы добавить текст в электронное письмо:

Screen_Shot_2021-12-17_at_16.28.52.png

Если вам нужно добавить в текст ссылки, а не только кнопки призыва к действию, вам следует:

генеральный редактор 05.04.2024, 13.18.34.png

Вы можете выделять ссылки в электронных письмах — делайте то, что считаете нужным.

Чтобы добавить ссылку в текст, выделите необходимый текст и нажмите значок ссылки на панели настроек.

генеральный редактор 05.04.2024, 21.13.50.png

Затем в панели настроек выберите наиболее подходящий вам тип ссылки (протокола) и введите ее данные.

генеральный редактор 05.04.2024, 23.03.png

Чтобы удалить ссылку из текста, просто щелкните текст, а затем еще раз щелкните тот же значок ссылки.

Добавить фотографии

Изображения — основа всех электронных писем. Независимо от того, насколько убедительным является ваш текст, изображения обязательно должны быть, потому что они вызывают эмоции и представляют нашу продукцию наилучшим образом.

Как добавить изображение в электронные письма:

Есть четыре способа сделать это:

Здесь вы можете просто перетащить изображение, которое собираетесь использовать в своей кампании, или загрузить его со своего компьютера, щелкнув «стрелку» и выбрав изображение со своего компьютера.

Screen_Shot_2021-12-20_at_09.05.48.png

Если у вас нет изображения баннера, сохраненного на вашем компьютере, вы можете вставить ссылку на это изображение онлайн. В поле «Внешняя ссылка» вставьте ссылку на ваше изображение.

Если вы собираетесь использовать это изображение только один раз, в раскрывающемся меню выберите опцию «Сохранить как внешнюю ссылку» (как показано в примере выше) и нажмите «V».

Если вы собираетесь использовать это изображение для других кампаний, перейдите на вкладку «Проект» выше, вставьте ссылку, выберите опцию «Загрузить в галерею» и нажмите «V».

Screen_Shot_2021-12-20_at_09.07.44.png

Когда вы загружаете фотографии или загружаете их в галерею, как показано в примере выше, ваши фотографии сохраняются в вашей личной галерее. Вам просто нужно перейти на вкладку электронной почты.

Screen_Shot_2021-12-20_at_09.08.34.png

Фотографии здесь упорядочены по дате, от самых новых → к самым старым. Если список изображений слишком длинный, вы можете выполнить поиск по его названию. Чтобы использовать его в текущем шаблоне электронной почты в формате HTML, щелкните выбранное изображение, и оно автоматически появится в вашем электронном письме.

Использование банка изображений

Прежде всего, все изображения, доступные в нашем редакторе кампаний, совершенно бесплатны. Во-вторых, мы предлагаем более 100 000 изображений. Перейдите на вкладку «Инвентарь», затем введите название или категорию фотографий, которые вы ищете.

Как только вы выберете изображение и нажмете на него, оно сразу же появится в шаблоне, с которым вы работаете. Вот как вы можете проверить, соответствует ли он вашему адресу электронной почты. Если вам нравится то, что вы видите, нажмите кнопку «Использовать».

Скриншот 07.05.2024 на 15.55.15.png

редактирование фотографий

В предыдущем абзаце мы показали, как загружать изображения и сохранять их. Но как их редактировать в редакторе кампаний?

Screen_Shot_2021-12-20_at_09.09.57.png

Цвет и фон

Фоны, разработанные для отдельных контейнеров/полосок (рядов), помогают привлечь внимание получателей к определенным элементам. Фоны, предназначенные для полных электронных писем, придают вашему дизайну законченный и унифицированный вид.

Как установить цвет фона для структуры

368c76af52bdf407dcc10e6b1ce843c9.gif

Примечание. Вы можете сделать это так же, как и установить цвет фона для всех электронных писем.

Как установить фоновое изображение для всех писем:

Фоновое изображение будет отображаться только на настольных устройствах. Он не будет отображаться на мобильных устройствах.

Некоторые почтовые клиенты, такие как Outlook, могут не отображать фоновое изображение. Поэтому мы также рекомендуем установить цвет фона, который будет похож на фоновое изображение, для всех писем.

В нижней части электронного письма обычно содержится контактная информация, такая как ваш URL-адрес, причина, по которой вы связались с получателями, ссылки на ваши учетные записи в социальных сетях, скрытые за значками социальных сетей, ссылка для отказа от подписки и имя человека, ответственного за электронную рассылку новостей. . Последний не является обязательным, но все элементы, предшествующие ему, являются обязательными.

Screen-Shot-2020-10-22-at-11.11.54.png

Как создать нижний колонтитул электронного письма

Это сложный элемент электронного письма. Чтобы его создать, необходимо:

Отправить кампанию

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

Как просмотреть свою электронную почту

главный редактор 05.04.2024, 13.27.44.png

Нижняя строка меню

Отправьте свою кампанию

После того как вы отредактировали (и при необходимости исправили) свой адрес электронной почты, вы можете приступить к просмотру и отправке:

генеральный редактор 05.04.2024, 13.28.26.png

Email-маркетинг в tidio 04.04.2024, 16.00.03.png