Настройка вашего дизайна

7 статьи

От Manfred

7 статьи

От Manfred

Типография

Нажмите Шрифты на панели инструментов, чтобы изменить шрифты и размеры для разных текстовых элементов: - Shopify Заголовок — основной заголовок письма (например, «Заказ подтвержден») - Заголовки — заголовки разделов - Субтитры — ярлыки и небольшие вторичные заголовки - Основной текст — основной текст содержания - Нижний колонтитул — текст в нижнем колонизме В зависимости от уровня текста можно регулировать семейство шрифтов, размер, толщину, курсив, заглавные буквы или высоту строки. Доступные шрифты выбираются для широкой совместимости с почтовым клиентом, но почтовый клиент всё равно может перейти к безопасному системному шрифту, если не поддерживает выбранный шрифт. Глобальная настройка: Типографика применяется ко всем 52 шаблонам писем. Изменения становятся доступны мгновенно.

Настройка кнопок

Выберите Кнопки на панели инструментов, чтобы настроить все кнопки в письмах одновременно. Выбор иконок в каждой строке упорядочен слева направо: - Стиль кнопки — Сплошная заполнение, только рамка или текстовая ссылка - Размер кнопки — Маленькая, средняя или крупная - Ширина кнопки — Автомат или широкий - Угловой стиль — Квадратные, округлые углы или таблетки - Радиус угла — Тонкая настройка округлых углов, когда выбран стиль среднего угла - Шрифт кнопок — Выберите шрифт, размер, вес и опциональный стиль заглавной буквы - Цвета — Задайте цвета текста, фона и рамок для доступных стилей Настройки под Кнопки глобальные. Они управляют визуальным дизайном поддерживаемых разделов кнопок во всех 52 шаблонах, включая Кнопка «Статус заказа», Кнопка отслеживания, Кнопка «Оплатить сейчас» и Кнопка. Раздел всё ещё может определять другую метку, URL, выравнивание или видимость для отдельной кнопки. Нужно ли настраивать каждую кнопку отдельно? Нет. Используйте глобальную панель Кнопки один раз для единого визуального дизайна. Редактируйте конкретную кнопку только если её метка, URL, выравнивание или видимость должны отличаться. Глобальная настройка: Выбранный дизайн в разделе Кнопки применяется ко всем 52 шаблонам электронной почты. Изменения становятся доступными мгновенно.

Логотип

Нажмите Логотип на панели инструментов или выберите область логотипа на холсте. Изображение логотипа Загрузите свой логотип или выберите один из файлов Shopify. Вы также можете удалить логотип и связать его с URL вашего магазина. Размер и выравнивание - Размер логотипа — регулируйте ширину с помощью процентного ползунка - Рабочий стол выравнивания — влево, по центру или вправо - Alignment Mobile — отдельное выравнивание для мобильных устройств Расположение заголовков - Содержимый — логотип внутри цела письма - Full — логотип охватывает всю ширину письма Интервалы и цвета - Вертикальная плотность — регулирует расстояние между изображением над и под логотипом - Цвет фона — фон за логотипом - Акцентная полоса — опциональная цветная полоска над логотипом (включать/выключать, регулировать высоту и цвет) Глобальная настройка: Логотип применяется ко всем 52 шаблонам письма. Изменения становятся мгновенными.

Фоны и стили

Нажмите Цвета на панели инструментов, чтобы открыть глобальную цветовую панель. Предыстория - Внешний фон — область вокруг вашей электронной почты - Внутренний фон — основное тело электронной почты - Фон в основании — область основания - Фон логотипа — область за логотипом заголовка - Фон контейнеров — фон контейнеров секций Текст и ссылки Доступны отдельные цветовые элементы для основного заголовка, заголовков разделов, субтитров, основного текста, ссылок, нижнего колонтитула и ссылок на нижний колонтитул. Всегда поддерживайте достаточный контраст между текстом и его фоном. Граница и разделитель - Цвет — общий цвет для бордюров и перегородок - Стиль разделителя — без, сплошный, пунктирный или пунктирный - Толщина делителя Контейнер секций - Контейнерный фон — цвет фона для разделов контента - Радиус угла — округлые или острые углы Глобальная настройка: Цвета применяются ко всем 52 поддерживаемым шаблонам. Smart Emails объявляет только светлую цветовую схему, чтобы сохранить выбранную продавцом палитру и предотвратить частичное преобразование в тёмном режиме и создание нечитаемых сочетаний текста и фона.

Полное руководство по разделам электронной почты

Разделы являются строительными блоками шаблона Smart Emails. Редактор предлагает только те разделы, которые совместимы с выбранным уведомлением Shopify, и некоторые разделы, специфичные для уведомлений, нельзя добавлять вручную. Структура и текст - Заголовок Shopify — главный заголовок уведомления - Вводный текст, Текст о персонале и Вступительный текст — контекстно-специфический вступительный контент - Текст, Пользовательское сообщение и Заключительный текст — редактируемые текстовые области - Текстовые столбцы — несколько текстовых блоков в столбцах - Распорка и Разделитель — визуальное расстояние и разделение - Часто задаваемые вопросы — список индивидуальных вопросов и ответов Заказы, товары и итоги - Продукт и Продукты — базовая информация о продукте - Продукты с ценами — товары, скидки, налоги, доставка и итоги - Продукты с возмещением и Продукты с обменом — данные возврата и обмена - Номер заказа*, Примечания к заказу, Информация об оплате, Условия оплаты, Напоминание о сроке оплаты и *Общая сумма к оплате* - Адресные данные, Детали доставки и Место получения Эти разделы отображают данные Shopify только тогда, когда уведомление их предоставляет. Примеры данных можно включить в поддерживаемых панелях для предпросмотра. Кнопки и действия - Кнопка «Статус заказа», Кнопка отслеживания и Кнопка «Оплатить сейчас» - Кнопка — пользовательский призыв к действию с меткой и URL - Кнопка Apple Wallet - Ссылки на магазины — навигационные ссылки на страницы магазина Изображения и макеты - Изображение - Изображение с текстом - Изображение Две колонки - Наложение изображения - Скачать мобильное приложение Разделы маркетинга - Баннер с сообщением - Скидки - Рекомендуемый продукт - Рекомендуемые продукты - Подарочная карта - Переупорядочить Маркетинговые разделы могут быть назначены выбранным шаблонам и управляться через живые настройки после установки основного шаблона. Подарочные карты, возвраты и уведомления о счёте - Код подарочной карты, Детали подарочной карты и Сообщение получателю - Инструкции по заполнению этикетки для возврата и Причины отказа в возврате - Детали кредита магазина - Изменение адреса электронной почты и Изменения в атрибуции продаж - Опрос Глобальные разделы Логотип заголовка, баннер сообщения, ссылки магазина и нижний колонтитул используют общие настройки. Визуальный дизайн управляется из основного редактора, а поддерживаемый текст хранится отдельно для каждого языка. Важно: Добавление, удаление или изменение порядка раздела — это структурное изменение и требует нового экспорта на основной язык.

Ссылки на магазины

Ссылки на магазины предоставляют компактную навигационную область в ваших уведомлениях. Используйте их для адресов, таких как главная страница, новые товары, коллекция распродаж, контактная страница или информация о возвратах. Ссылки на открытые магазины Нажмите Ссылки на магазины в панели инструментов редактора или выберите раздел «Магазинные ссылки» на холсте. Настройте содержимое Вы можете: - включить или отключить ссылки на магазины - Редактировать дополнительный заголовок - настройте доступные метки ссылок и URL - Управляйте стилизацией связей через глобальные цветовые и типографики. Используйте полные https:// URL и тестируйте каждую ссылку в реальном тестовом письме. Языки и синхронизация Оформление и дизайн ссылок поступают из основного редактора. Метки ссылок можно переводить по языкам. URL копируются как функциональные значения и не переводятся. Если разным языкам нужны разные адреса назначения, откройте соответствующий редактор второстепенного языка и проверьте актуальные языковые настройки перед публикацией. Ссылки на магазины хранятся в локально специфических метаполях Shopify и применяются ко всем 52 поддерживаемым шаблонам, содержащим блок Shop Links.

Слоты для сохранения дизайна

Smart Emails предоставляет четыре слота для дизайна клиентов. Они полезны для сохранения сезонных вариаций, стилей кампаний или безопасной копии перед установкой нового пресета. Что такое слот-магазин Снимок дизайна включает глобальные визуальные настройки, такие как цвета, типографика, кнопки, нижний колонтитул, ссылки магазина, баннер сообщения, маркетинговые настройки, интервалы и другие заранее управляемые значения дизайна. Сохранить дизайн 1. Откройте пресет и управление сохраненным дизайном в редакторе. 2. Выберите свободный слот. 3. Вводите описательное название. 4. Сохраните текущий дизайн. Управление сохранёнными проектами Для занятого слота вы можете: - Загрузка сохранённого дизайна - Перезапишите его текущим дизайном - Переименовать её - Удалить после подтверждения Загрузка слота заменяет текущие глобальные настройки дизайна. Сначала сохраните текущее состояние в другом слоте, если хотите вернуться к нему. Важно: Слот дизайна — это не отдельная установка Shopify. Если при загрузке он меняет структуру шаблона или базовый пресет, сгенерируйте и установите новый первичный экспорт.