Примеры использования

Корзина в письме

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

Шаг 1: Создаем заголовок столбцов корзины

•   В редакторе выберите блок на 4 колонки и перетащите его в рабочую область.

•   Вставьте элементы «Текст».  Заполните элементы заголовками столбцов (например: «Изображение», «Наименование», «Цена», «Количество»).

•   Настраиваем ширину  колонок. Важно, чтобы ширины колонок были настроены так, чтобы в дальнейшем блоки с товарами располагались ровно под заголовками, без смещений.

Шаг 2: Настраиваем мобильное отображение заголовков

•   В редакторе переключитесь в режим просмотра мобильной версии.

•   В настройках блока (в боковой панели) найдите пункт «Перенос колонок». Отключите ползунок у этого пункта.

Шаг 3: Добавляем блок с описанием товара

•   Добавьте еще один блок на 4 колонки под блоком с заголовками.

•   В каждую ячейку добавьте необходимые элементы:

Ячейка 1 (Изображение): Элемент «Изображение» для отображения картинки товара.

Ячейка 2 (Наименование): Элемент «Текст» для названия товара.

Ячейка 3 (Цена): Элемент «Текст» для указания цены товара.

Ячейка 4 (Количество): Элемент «Текст» или, если позволяет редактор, элемент для выбора количества.

•   Заполните добавленные элементы соответствующей информацией о товаре.

Шаг 4: Настраиваем стиль контента

•   Выберите подходящие шрифты для текста.

•   Отрегулируйте размеры шрифтов и изображений.

•   Подберите цвета для текста, которые будут контрастировать с фоном.

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

P.S Аналогично шагу 2, перейдите в настройки мобильной версии для блока с товаром и отключите «Перенос колонок».

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

Шаг 5: Добавляем дополнительную информацию (опционально)

Если вам нужно добавить информацию о количестве товаров, итоговой цене, бонусах и т.д., добавьте еще один блок под блоками с товарами.

•   Создайте еще один блок с нужным количеством ячеек.

•   Вставьте элементы «Текст» и заполните их необходимой информацией. Отрегулируйте внешний вид текста.

•  В мобильной версии отключаем перенос колонок.

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

Поздравляем! Вы успешно создали корзину товаров прямо в вашем email-письме.

Готовые шаблоны — отличный способ начать работу, даже если у вас нет опыта!

Найдите в интерфейсе раздел, который называется «Общие блоки», внутри подраздел, посвященный электронной коммерции.

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

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

Добавьте изображения товаров, названия, цены и количество.