Налаштування вигляду редактора електронних листів Stripo

Published: 22 жовтня 2024 р. · Last updated: 21 липня 2026 р. · By Marcus Biel

Вкладка Appearance дає змогу керувати глобальним стилем вашого електронного листа: шрифтами, кольорами фону, стилями кнопок і форматуванням для мобільних пристроїв. Це забезпечує узгодженість і адаптивність на різних пристроях і в різних поштових клієнтах.

Нижче наведено детальний опис кожного розділу вкладки Appearance.

---

1. Загальні налаштування

Налаштуйте загальний вигляд і вирівнювання електронного листа. Ці параметри застосовуються глобально до всіх розділів.

• Вирівнювання повідомлення: вирівняйте вміст електронного листа ліворуч, по центру або праворуч.
• Стандартні внутрішні відступи: установіть однакові відступи навколо нових структур або налаштуйте відступи для кожної сторони (зверху, праворуч, знизу, ліворуч) окремо.
• Загальний колір фону: установіть колір фону електронного листа за допомогою hex-коду або палітри кольорів.
• Шрифт: виберіть стандартні шрифти, як-от Arial, Helvetica, або декоративні шрифти, як-от Roboto і Lato.
• Міжрядковий інтервал: налаштуйте відстань між рядками за допомогою чотирьох попередньо визначених варіантів.
• Відступ після абзацу: увімкніть або вимкніть відступи між абзацами.
• Підкреслення посилань: автоматично підкреслюйте всі посилання в електронному листі (увімкнення/вимкнення).
• Адаптивний дизайн: увімкніть цю функцію, щоб електронний лист адаптувався до різних розмірів екрана, особливо на мобільних пристроях.
• Напрямок тексту RTL: активуйте для мов, як-от арабська або іврит.
• Фонове зображення: додайте фонове зображення з можливістю додати до нього посилання. Перетягніть зображення, щоб завантажити його.

---

2. Смуги

Смуги — це великі структурні розділи електронного листа (наприклад, верхній колонтитул, вміст, нижній колонтитул, інформаційна область). Кожну смугу можна оформлювати окремо.

Смуга верхнього колонтитула

• Розмір тексту: налаштуйте розмір тексту верхнього колонтитула (8–72).
• Колір фону: установіть суцільний колір фону або залиште його прозорим.
• Колір фону вмісту: налаштуйте колір фону всередині розділу верхнього колонтитула.
• Колір шрифту: визначте колір тексту.
• Колір посилань: установіть колір навігаційних та інших посилань у верхньому колонтитулі.
• Фонове зображення: за бажанням додайте фонове зображення.

Смуга вмісту

Основна частина електронного листа для тексту, зображень та інтерактивних елементів.

• Розмір тексту: налаштуйте розмір тексту вмісту (8–72).
• Колір фону вмісту: визначте колір фону основної області вмісту.
• Колір шрифту: установіть стандартний колір тексту.
• Колір посилань: налаштуйте колір посилань.

Смуга нижнього колонтитула

Зазвичай використовується для контактних даних, юридичної інформації або посилань на соціальні мережі.

• Розмір тексту: установіть розмір тексту (8–72).
• Колір фону: виберіть суцільний колір фону або залиште його прозорим.
• Колір фону вмісту: визначте внутрішній колір фону нижнього колонтитула.
• Колір шрифту: установіть колір шрифту.
• Колір посилань: налаштуйте колір посилань у нижньому колонтитулі.
• Фонове зображення: за бажанням додайте зображення з активним посиланням.

Смуга інформаційної області

Використовується для відмов від відповідальності, юридичних повідомлень або додаткової інформації.

• Розмір тексту: визначте розмір шрифту (8–72).
• Колір шрифту: установіть колір шрифту.
• Колір посилань: налаштуйте кольори посилань у цій смузі.

---

3. Заголовки

Визначте візуальний стиль заголовків (H1, H2, H3), щоб забезпечити ієрархію та структуру електронного листа.

• Шрифт: виберіть шрифт для заголовків.
• Міжрядковий інтервал: налаштуйте відстань між рядками для зручності читання.
• Розмір заголовків: налаштуйте розмір заголовків H1, H2 і H3 (8–72).
• Стиль тексту: застосуйте стилі жирного або курсивного тексту.
• Колір шрифту: установіть унікальний колір для кожного типу заголовка.

---

4. Кнопка

Оформлюйте кнопки в електронному листі для кращої взаємодії.

• Підтримка Outlook: увімкніть, щоб забезпечити коректне відображення в Microsoft Outlook за допомогою коду VML (може збільшити розмір електронного листа).
• Колір кнопки: установіть стандартний колір кнопок.
• Підсвічування кнопок під час наведення: увімкніть або вимкніть ефект зміни кольору під час наведення.
  • Колір під час наведення: виберіть колір під час наведення.
• Колір шрифту: визначте колір тексту кнопки.
• Стиль тексту:
  • Шрифт: виберіть шрифт для тексту кнопки.
  • Розмір шрифту: налаштуйте розмір тексту (8–72).
  • Стиль: застосуйте стилі жирного або курсивного тексту.
• Радіус межі: заокругліть кути кнопок (0–100).
• Межі:
  • Тип: виберіть суцільні, пунктирні або крапкові межі.
  • Колір: визначте кольори меж.
• Внутрішні відступи: налаштуйте внутрішні відступи кнопок (зверху, праворуч, знизу, ліворуч).

---

5. Мобільне форматування

Забезпечте привабливий вигляд електронного листа на мобільних пристроях за допомогою спеціальних мобільних налаштувань.

• Розміри тексту верхнього колонтитула, вмісту, нижнього колонтитула та інформаційної області: налаштуйте розміри тексту для кожного розділу на мобільних пристроях.
• Розмір шрифту пунктів меню: налаштуйте розмір шрифту пунктів навігаційного меню.
• Розміри заголовків: установіть розміри H1, H2 і H3 для мобільного перегляду.
• Вирівнювання заголовків: вирівняйте заголовки (ліворуч, по центру, праворуч).
• Розмір тексту кнопки: налаштуйте розмір тексту кнопки для мобільних пристроїв.
• Кнопки на всю ширину: увімкніть, щоб кнопки займали всю ширину екрана.
• Внутрішні відступи зверху та знизу: налаштуйте відступи для кращого вигляду на мобільних пристроях.
• Відступ навколо вмісту: налаштуйте відступ навколо вмісту на мобільних пристроях (0–100).

---

Заключні примітки

• Тестування: завжди тестуйте електронний лист на різних пристроях і в різних поштових клієнтах, щоб забезпечити узгодженість.
• Доступність: використовуйте доступні шрифти, правильну структуру заголовків і альтернативний текст для зображень, щоб забезпечити інклюзивність.
• Оптимізація: мінімізуйте розмір файлів для швидшого завантаження та кращої продуктивності, що особливо важливо для користувачів мобільних пристроїв.