Bot Dataset

Научитесь профессионально оформлять свою электронную почту

Mailchimp поможет вам отправлять отличные письма. Вы можете делиться новостями. Вы можете продавать свои материалы. Многие используют Mailchimp. Он упрощает email-маркетинг. Создание писем похоже на строительство из кубиков. Вы выбираете разные детали и складываете их вместе. Иногда блоки нужно размещать рядом. Это называется «бок о бок». Это придаёт вашему письму привлекательный вид. Его легко читать. Освоить этот приём просто. Мы покажем вам, как.

У Mailchimp множество инструментов.Эти инструменты предназначены для оформления ваших электронных писем. Вы можете добавлять текст. Вы можете добавлять изображения. Вы также можете добавлять кнопки. Всё это — «блоки контента». Вы перетаскиваете их в письмо. Размещаете в нужном месте. Но что, если вам нужно разместить два элемента рядом? Например, картинку рядом со словами? В таких случаях расположение рядом оказывается очень удобным. Это делает письмо более организованным и экономит место.

Вы можете сделать свои письма более интересными. Использование макетов «бок о бок» помогает. Это разбивает длинный текст и добавляет визуальный интерес. Это поддерживает интерес читателей. Они дольше остаются в вашем письме. Это хорошо для вашего бизнеса. Это хорошо для вашего сообщения. Мы рассмотрим, как это сделать. Мы будем использовать функции Mailchimp. Приготовьтесь освоить новый навык.

Эта статья поможет вам. Она покажет, как использовать параллельные блоки. Мы начнём с основ. Мы объясним, почему это важно. Затем мы дадим пошаговые инструкции. Мы дадим важные советы. Мы сделаем всё простым и понятным. Даже если вы новичок в Mailchimp, вы быстро освоитесь. Скоро вы станете экспертом Mailchimp.

Почему расположение элементов бок о бок так важно

Использование макетов рядом друг с другом Данные телеграммы очень полезно. Во-первых, это придаёт вашему письму аккуратный вид. Чистое письмо легко читать. Люди не любят загромождённые письма и могут быстро их закрыть. Хорошая компоновка побуждает их читать. Это означает, что ваше сообщение будет увидено и понято.



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

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

Другая причина — сравнение. Вы можете показать два продукта. Вы можете показать две функции. Разместите их рядом. Это облегчает сравнение. Читатели видят различия. Они видят сходства. Это помогает им сделать выбор. Это помогает им лучше понять. Поэтому это мощный инструмент дизайна.

Понимание блоков столбцов Mailchimp

Mailchimp предлагает специальные блоки. Это «столбчатые блоки». Они позволяют размещать элементы рядом друг с другом. Представьте их как отдельные полосы. Можно создать две полосы. Можно создать три полосы. Можно даже четыре полосы. Каждая полоса содержит отдельный блок контента. Так работает параллельное размещение.

Перетаскивая блок столбцов, вы выбираете его тип. Хотите два одинаковых столбца? Или один шире другого? Mailchimp предлагает вам варианты. Вы выбираете то, что вам нужно. После перетаскивания вы видите полосы. Теперь вы можете добавлять блоки.

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

Эти блоки-колонки гибкие. Вы можете изменить их размер позже. Вы можете перемещать их. Вы даже можете удалить их. Mailchimp позволяет легко настроить их. Так что не беспокойтесь об ошибках. Вы всегда можете их исправить. Практика — залог успеха в работе с этими блоками.

Как добавить блоки столбцов в ваше электронное письмо

Добавить блок столбцов очень просто. Сначала откройте свой аккаунт Mailchimp. Перейдите в свою email-кампанию. Нажмите «Разработать письмо». Откроется редактор. Справа вы увидите раздел «Блоки контента». Прокрутите вниз, чтобы найти раздел «Столбцы». Он выглядит как два прямоугольника.

Перетащите блок «Столбцы» в макет письма. Поместите его туда, где хотите видеть. Во всплывающем окне вам будет предложено выбрать макет. Вы можете выбрать «2 столбца» для двух расположенных рядом разделов или «3 столбца» для трёх. Выберите нужный вариант.

После выбора блок появится. Внутри вы увидите пустые места. Это ваши новые столбцы. Теперь вы можете добавить больше контента. Перетащите блок «Текст» в один столбец. Перетащите блок «Изображение» в другой. Видите, как они расположены рядом друг с другом?

Вы также можете настроить ширину столбца. Щёлкните по блоку столбца. Вы увидите варианты изменения процентного соотношения. Например, 50/50 для равных половин. Или 70/30 для одного большого и одного маленького. Поэкспериментируйте с этими настройками. Найдите оптимальный вариант для вашего контента.

Размещение контента внутри колонок

Теперь у вас есть столбцы. Пришло время их заполнить. Подумайте, что вы хотите показать. Есть ли у вас изображение продукта? Есть ли у вас краткое описание? Спланируйте, что и куда будет помещено. Это упростит процесс.

Перетащите блок «Текст» в первый столбец. Введите текст. Он должен быть кратким и понятным. Длинный текст может выглядеть неряшливо. Помните: меньше часто значит больше. Вы можете изменить шрифт. Вы можете изменить цвет. Сделайте текст легко читаемым.

Затем перетащите блок «Изображение» во второй столбец. Загрузите изображение. Убедитесь, что оно хорошего качества. Высококачественные изображения выглядят профессионально. При необходимости измените его размер. Mailchimp поможет вам в этом. Изображение должно хорошо вписаться.

Вы также можете добавлять другие блоки. Блок «Кнопка» отлично подходит для призывов к действию. Разместите кнопку под текстом или изображением. Это стимулирует клики. Блок «Разделитель» может разделять разделы.Используйте его для создания визуальных разрывов.

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

Советы по созданию идеального дизайна Side-by-Side

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

Во-вторых, используйте качественные изображения. Размытые изображения выглядят некрасиво. Они придают вашему письму непрофессиональный вид. Делайте чёткие фотографии. Используйте яркие, хорошо освещённые изображения. Это имеет большое значение. Это привлекает внимание читателя. Высококачественные изображения — ключ к успеху.

В-третьих, сбалансируйте контент. Если у вас есть изображение, сделайте текст коротким. Если текста много, используйте небольшое изображение. Не делайте одну колонку слишком плотной. Это может сделать письмо однобоким. Стремитесь к визуальному балансу.

В-четвёртых, проверьте на разных устройствах. Ваше письмо выглядит по-разному на телефоне и планшете. В Mailchimp есть функция «Предпросмотр».Используйте его для просмотра вашей электронной почты на мобильных устройствах. Убедитесь, что она хорошо выглядит везде. Адаптивность для мобильных устройств крайне важна.

В-пятых, используйте пустое пространство. Не загромождайте всё. Оставьте немного свободного пространства. Это создаст ощущение открытости и даст глазам отдохнуть. Белое пространство выделяет ваш контент и улучшает читаемость.

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

Распространенные проблемы и простые решения

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

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

Другая проблема — перекрытие контента. Это означает, что элементы накладываются друг на друга. Это часто происходит при неправильном перетаскивании блоков. Убедитесь, что вы перетаскиваете блок внутри столбца. Обратите внимание на подсвеченную область. Она показывает, где он окажется. Если он перекрывается, удалите его. Затем аккуратно перетащите его снова.

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

Если изображения выглядят растянутыми, они неправильного размера. Сначала измените их размер вне Mailchimp. Используйте редактор изображений. Убедитесь, что ширина подходит. Затем загрузите изображения в Mailchimp. Mailchimp может корректировать размер, но предварительная настройка размера предпочтительнее.

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

Расширенные методы параллельной работы с Mailchimp

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

Вы также можете использовать фоновые цвета. Выберите для каждого столбца свой фон. Это выделит их и добавит визуальной выразительности. Будьте осторожны с цветами. Убедитесь, что они хорошо сочетаются друг с другом. Не используйте слишком много разных цветов. Соблюдайте гармонию.

Подумайте об использовании спейсеров. В Mailchimp есть блок «Spacer».Он создаёт пустое вертикальное пространство. Его можно использовать внутри колонок. Это добавляет пространства между элементами и делает контент менее сжатым. Разделители улучшают читаемость.

Вы можете встраивать видео в столбцы. Mailchimp позволяет добавлять видеоблоки.Они воспроизводят превью-изображение. При нажатии открывается видео. Видео рядом с текстом — это мощный инструмент. Он сочетает в себе визуальные и текстовые сообщения. Это очень вовлекает.

Другая идея — объединить текст и изображения в одном столбце. Например, небольшое изображение. Затем краткое текстовое описание. Затем кнопка. Всё в одном столбце. Затем повторите в следующем столбце. Это создаёт аккуратную «витрину товара». Это очень эффективно для электронной коммерции.

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

Сделайте ваш параллельный контент оптимизированным для SEO

Даже электронные письма можно оптимизировать для SEO. Хотя SEO для электронных писем отличается от SEO для веб-сайтов, передовые методы применимы. Цель — чёткая коммуникация. Используйте ключевые слова в тексте естественным образом. Если в вашем письме речь идёт о «новых туфлях», используйте именно эту фразу. Не перегружайте текст ключевыми словами. Пишите прежде всего для людей.

Убедитесь, что у ваших изображений есть альтернативный текст (alt-текст). Это текст, описывающий изображение. Mailchimp позволяет добавлять его. Это помогает тем, кто не видит изображения. Кроме того, это помогает почтовым клиентам лучше понимать ваш контент. Используйте ключевые слова в альтернативном тексте. Например, «Изображение красных кроссовок».

Сделайте темы писем интересными. Это не связано напрямую с темами писем, написанными в стиле «бок о бок». Но это привлекает людей к вашей электронной почте. Хорошая тема письма побуждает людей открыться. После прочтения ваш контент в стиле «бок о бок» засияет. Используйте понятные темы, демонстрирующие выгоду.

Используйте понятные заголовки. Текстовый редактор Mailchimp позволяет использовать заголовки.Используйте заголовки H1, H2, H3 и т. д. Это структурирует ваш контент. Это делает его более удобным для чтения. Люди часто просматривают электронные письма. Заголовки помогают им быстро найти то, что нужно. Они также предоставляют контекст для поисковых систем.

Оптимизируйте для мобильных устройств. Мы уже обсуждали это. Большинство писем открываются на мобильных устройствах. Макет, который некорректно отображается на мобильных устройствах, негативно влияет на SEO. Убедитесь, что ваш параллельный контент выглядит хорошо. Протестируйте его на устройствах разных размеров. Адаптация к мобильным устройствам крайне важна.

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

Сила визуальной гармонии

Визуальная гармония — это когда элементы хорошо смотрятся вместе. Размещая блоки рядом, стремитесь к гармонии. Используйте похожие цвета. Используйте похожие шрифты. Если ваш бренд использует определённые цвета, придерживайтесь их. Единообразие — ключ к успеху. Оно придаст вашему электронному письму профессиональный вид.

Представьте себе два столбца. У одного заголовок тёмно-синий, у другого — ярко-зелёный. Это выглядит неряшливо. Вместо этого используйте один и тот же цвет. Или используйте цвета, которые дополняют друг друга. В этом вам помогут такие инструменты, как цветовые палитры. Выберите несколько основных цветов. Используйте их повсюду.

То же самое и со шрифтами. Используйте один или два шрифта. Слишком много шрифтов выглядят хаотично. Выбирайте шрифты, которые легко читаются. Рубленые шрифты, такие как Arial или Helvetica, хороши. Они понятны и просты. Используйте шрифты одинакового размера для похожих элементов.

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

Подумайте о пробелах. Мы говорили о пустом пространстве. Оно способствует гармонии. Дайте элементам возможность «дышать». Не позволяйте им касаться краев колонок. Добавьте отступы вокруг контента. Это придаст ему изысканный вид.

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

Описание изображения 1: Редактор Mailchimp с двумя столбцами

Представьте себе скриншот редактора электронной почты Mailchimp. Слева — пустой шаблон письма. В центре письма находится блок «Столбцы». Этот блок чётко разделён на две равные вертикальные секции. В левой секции находится блок «Текст», содержащий текст-заполнитель, например, «Ваш заголовок» и «Текст абзаца». В правой секции находится блок «Изображение», содержащий стандартное изображение-заполнитель (например, горы или городской пейзаж). Видна правая боковая панель редактора Mailchimp с блоками «Контент», где выделены или легко различимы «Текст», «Изображение» и «Столбцы». В целом, всё выглядит аккуратно и наглядно, демонстрируя возможность перетаскивания содержимого в столбцы.

Описание изображения 2: Мобильный вид сложенных столбцов

Представьте себе экран смартфона с электронным письмом. Это письмо — мобильная версия макета «бок о бок». Вместо двух столбцов, расположенных рядом друг с другом, контент «накладывается». Таким образом, изображение, которое в десктопной версии было справа, теперь находится над текстовым блоком, который был слева. Под изображением и текстом расположена чёткая кнопка призыва к действию, выровненная по центру. Дизайн выглядит чистым и легко читаемым на небольшом экране, иллюстрируя, как Mailchimp адаптирует макет «бок о бок» для мобильных устройств, автоматически преобразуя его в макет «сверху вниз» для оптимального просмотра.

Заключение: ваш путь в дизайне Mailchimp

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

Запомните основные советы. Простота. Используйте качественные изображения. Сбалансируйте контент. Всегда просматривайте на мобильном устройстве. Быстро устраняйте проблемы. Эти шаги сделают вас профессионалом. Ваши письма будут блестеть. Они будут выделяться во входящих.

Mailchimp — мощный инструмент. Он помогает вам общаться с людьми. Используйте его функции с умом. Макеты с параллельными страницами — лишь один из примеров. Есть ещё много возможностей для изучения. Продолжайте совершенствовать свои навыки дизайна. Чем больше вы пробуете, тем лучше у вас получается.

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