Блог об email и интернет-маркетинге

Email маркетинг

Дизайн email рассылки: что такое хорошо и что такое плохо

Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие.Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.Дизайн шаблона email рассылки — общие рекомендацииОснова электронного письма — это шаблон. Он оформляется в стилистике сайта, чтобы подписчик мог связать письмо с компанией, на рассылку которой подписался. К разработке шаблона стоит отнестись очень внимательно — в будущем он будет определять структуру и внешний вид ваших рассылок. Как не надо1. Нельзя менять шаблоны слишком часто. Если подписчик каждый раз получает по-другому оформленное письмо, ему сложно запомнить образ компании.2. Не используйте корпоративный цвет как основной, если он слишком яркий. Кажется логичным оформить шапку и плашки в цветах компании. Но если такого цвета слишком много, письмо тяжело читать:Слишком много красного цвета в шаблоне письма3. Не оформляйте текст картинкой, потому что:картинка может не отобразиться;сложно менять макет — придется просить дизайнера переделывать картинку;если на картинке промокод, читатель не сможет его скопировать и вставить, нужно перенабирать;кроме того, если оформить картинкой все письмо, почтовые сервисы могут отправить его в спам.4. Не делайте фон пестрым, иначе сложно читать основной текст:Пестрый фон отвлекает от текста письма5. Не пренебрегайте профессиональной версткой. Неаккуратно сверстанное письмо портит впечатление о компании. Кроме того, письма, набранные Caps Lock, кричащим цветом и разными шрифтами, чаще отправляют в спам почтовые сервисы. В примере ниже дизайн письма выглядит неаккуратно: нет выравнивания по одному краю, используется три размера шрифта, красный цвет в призыве к действию и нагромождение ссылок:Форматирование письма выглядит слишком пестрымКак надо1. Разработайте корпоративный шаблон в стилистике сайта или на основе брендбука. Это не только работает на узнаваемость компании, но и повышает доверие.2. Тестируйте отдельные элементы дизайна email рассылок, а не шаблон в целом. Так вы сможете отследить эффект от изменений и для подписчиков образ компании будет оставаться узнаваемым.3. Создайте несколько шаблонов для разных типов писем. Благодаря этому вы сэкономите время при запуске рассылок. Например, издательство «МИФ» использует два типа шаблона. Первый — для дайджестов:Шаблон для дайджеста статейВторой шаблон — для промо-рассылок:Шаблон для промо-рассылки4. Если цвета бренда контрастные, используйте их для подчеркивания важной информации или для баннеров. В примере ниже зеленым цветом, помимо логотипа, выделены кнопки призыва к действию:Цветовые акценты в корпоративном шаблоне5. Разработайте логичную структуру письма. Основное рекламное или информационное послание должно размещаться на первом экране:Шаблон с основной информацией в первом экране прокрутки6. Придерживайтесь ширины письма 600 рх. Так email будет отображаться на экране любого почтового сервиса без горизонтальной прокрутки.7. Чередуйте текстовые блоки и картинки. Это нужно для лучшей доставляемости писем, когда вы только начинаете делать рассылки и у вашего домена еще не сформирована положительная репутация отправителя. Есть советы придерживаться соотношения 80:20 или 60:40. То есть чтобы в письме было 80% текста и 20% картинок.8. Поручите дизайн email рассылки профессиональному верстальщику, чтобы оформление заголовков, текстовых блоков и картинок выглядело гармонично. Посмотреть пример дизайна рассылки с красивой и аккуратной версткой можно в письмах издательства «МИФ»:Гармоничная верстка рассылки издательства «МИФ»Адаптивный дизайн рассылкиБудет ли письмо правильно отображаться на экране мобильного устройства, зависит от адаптивности верстки. Ошибки в адаптивности не просто портят внешний вид письма, иногда они делают его бесполезным. Например, если пользователь смартфона не может попасть по ссылке, так как она слишком мелкая и куда-то «съехала», он не перейдет на сайт и ничего не купит.Как не надоНе пренебрегайте адаптивным дизайном в email рассылках. Уделите ему внимание и учитывайте все нюансы адаптивной верстки. Ведь ошибки в ней приводят к таким результатам, как на примере ниже:Результат ошибки в адаптивной верстке, когда блоки не перестроилисьКак надо1. Придерживайтесь правил адаптивной верстки email. Например, чтобы на мобильном колонки могли перестраиваться вниз, добавляется специальный код, а все блоки верстаются таблицей.2. Еще один вариант — использовать готовые адаптивные шаблоны в SendPulse или делать шаблон в блочном редакторе SendPulse. В нем уже учтены все правила верстки. Кроме того, вы сразу можете посмотреть, как выглядит письмо на компьютере и на мобильном:Предпросмотр веб- и мобильной версии письма в редакторе SendPulseТекст в дизайне email рассылкиДаже самый интересный текст могут не прочитать, если он выглядит непривлекательно. И наоборот, разбивка текста на абзацы с подзаголовками, выделение главных мыслей цветом или другим шрифтом помогает привлечь и удержать внимание читателя. Впрочем, в стремлении красиво оформить текст, можно допустить несколько ошибок.Как не надо1. Не используйте много инструментов оформления в одном письме — разные стили и начертания шрифтов, выделение цветом, размеры шрифта. Пестрые письма выглядят неряшливо, почтовые сервисы могут распознавать их как спам. В рассылке детского магазина используется четыре цвета шрифта, выделение жирным. Окончательно портит картину нагромождение ссылок с подчеркиванием:Пестрый текст в рассылке детского магазина2. Не используйте мелкий или блеклый шрифт. Неразборчивый шрифт ухудшает восприятие текста.3. Не верстайте письмо сплошным текстом. Без разбивки на абзацы текст выглядит монотонно, его сложно и скучно читать.4. Не ставьте ссылки слишком близко, иначе они могут «склеиться». При чтении со смартфона тяжело будет кликнуть на нужную ссылку:В рассылке консалтинговой компании ссылки стоят слишком близкоКак надо1. Выберите один или два шрифта для email рассылки.2. Используйте стандартные шрифты. Некоторые почтовые сервисы, например, Gmail и Yahoo, поддерживают больше шрифтов, Outlook и AOL — меньше. Если сервис не может прочитать ваш шрифт, он заменяет его стандартным, и верстка может «поплыть». Чтобы этого не произошло, пишите стандартными для всех сервисов рассылки шрифтами: Arial, Lucida Grande, Tahoma, Trebuchet, Verdana, Georgia, Palatino, Times New Roman, Courier New, Courier и Impact.3. Корпоративными шрифтами оформляйте надписи на баннерах и в тексте, который верстается картинкой.4. Оформляйте ключевые мысли подзаголовками, пишите короткими абзацами. Текст, в котором четко видна структура, легко и приятно читать.5. Используйте размер шрифта не менее 14px.Цвет в дизайне письма для рассылкиОформление письма цветом задает настроение и усиливает рекламное послание. Но если ошибиться с цветом в рассылке, можно получить обратный эффект — разозлить читателя.Как не надо1. Не ослепляйте читателя цветом. Слишком много красного, использование ярких или несочетаемых оттенков портит внешний вид письма и затрудняет чтение. В примере ниже очень яркие, агрессивные блоки отвлекают внимание от смысла:Много красного цвета в рассылке2. Будьте осторожны с градиентом. Например, в письме ниже слишком заметная линия перехода между цветами выглядит некрасиво:Слишком явная граница в градиентеКак надо1. Используйте яркие цвета как акцент для важных элементов. А верхний баннер и футер сделайте в более спокойных оттенках.2. Учитывайте особенности вашего продукта и целевую аудиторию, выбирая цветовое оформление письма. В статье на блоге Kissmetrics написано, что мужчины предпочитают контрастные цвета, а женщины — мягкие оттенки.3. Подходите творчески к использованию градиента. Например, в новогодней рассылки Wizzair удачно обыграли переход цветов в открытке:Интересное использование градиента в новогодней рассылке4. Проводите A/B тестирование, чтобы определить более эффективный цвет элементов рассылки.Дизайн хедераХедер — это блок вверху письма, над главной картинкой. Здесь обычно размещают логотип, ссылки на разделы сайта, контактную информацию. Хедер помогает идентифицировать письмо: читатель видит имя бренда в поле «от кого», а открыв письмо, видит логотип:Идентификация бренда в поле отправителя и хедере письмаКак не надо1. Частая ошибка в хедере — много информации. Да, вверху письма можно и нужно давать ссылки на важные разделы сайта. Но если разместить еще и ссылки на соцсети, как в примере ниже, есть риск отвлечь внимание читателя от основного сообщения. Плюс ссылки в несколько строк занимают много места:Перегруженный хедер письма2. Картинки плохого качества в хедере портят внешний вид письма и создают впечатление любительского дизайна рассылки:Плохое качество картинки в шапке письмаКак надо1. Выделите главную информацию, которая соотносится с темой письма. Например, в рассылке сервиса покупки билетов Busfor.ua есть логотип с подписью и ссылка для подбора билетов:Только нужная информация в хедере email2. Добавьте в хедер настроения, используя праздничную или сезонную атрибутику. Небольшие обновления делают рассылку интереснее для постоянных читателей. Например, магазин одежды в своей новогодней рассылке добавил в логотип шапку Санта-Клауса:Новогодний атрибут в хедере письмаДизайн футера email рассылкиСамый малозаметный, но не менее важный элемент письма — это футер. Чаще всего здесь размещают подпись, ссылку отписки, объяснение, почему подписчик получил рассылку, физический или юридический адрес компании и ссылки на социальные сети.Как не надо1. Логично выносить в конец письма служебную информацию и менее важные ссылки. Но футер не должен быть свалкой:Футер перенасыщен информацией2. Не прячьте ссылку отписки. Если читателю сложно отписаться, он будет отправлять письма в спам. А жалобы на спам ухудшают репутацию отправителя. В примере ниже текст футера, включая ссылку отписки, почти сливается с фоном:Нечеткая информация в футере рассылкиКак надо1. Добавляйте в футер действительно нужную информацию. Сгруппируйте ссылки по смыслу, чтобы удобнее было читать:Структурированная информация в футере2. Делайте ссылку отписки заметной. Это будет честно по отношению к подписчику и снизит вероятность отправки письма в спам:Заметная ссылка отписки в рассылке3. Попробуйте добавить в футер дружелюбную подпись, чтобы читатель закончил читать на приятной ноте и захотел открыть следующую рассылку:Дружелюбная подпись в футереИзображения в дизайне письма рассылкиФотографии, инфографики, картинки — неотъемлемая часть дизайна email рассылки. Хорошо подобранные изображения помогают передать настроение, эмоции, задают стиль письма.Как не надо1. Нельзя делать рассылку, состоящую только из одних картинок или сплошной картинкой. По результатам исследования, 43% пользователей Gmail читают почту с отключенными изображениями. Содержание письма должно оставаться понятным, если в нем будет только текст.2. Светлый и неконтрастный шрифт читается плохо. Такой текст при наложении на пеструю фотографию будет сливаться с фоном:Белый текст на светлой фотографии читается плохо3. Не используйте изображения больше необходимых размеров. Например, если ширина блока 300 px, то не нужно брать для него картинку шириной 1200 px.Как надо1. Оптимизируйте картинки перед тем, как добавить их в письмо. Письмо с большим по весу изображением будет подгружаться дольше. Особенно это актуально для смартфонов, где скорость загрузки может быть ниже из-за плохого мобильного интернета. Подумайте, что вероятнее сделает пользователь: будет дожидаться загрузки ваших больших и красивых картинок или же просто закроет письмо?Чтобы оптимизировать изображения для писем можете воспользоваться этими сервисами: Squoosh, TinyPNG.2. Прописывайте Alt-текст для картинок и фотографий. Так пользователи смогут понять смысл письма, даже если картинки не загружаются автоматически. Текст должен соответствовать смыслу картинки.3. Увеличивайте размер иконок в два раза, чтобы у пользователей iPhone и Macbook с Retina экраном они отображались в хорошем качестве. Например, если в рассылку нужно добавить иконку размером 70×20, на сервер ее загружают в размере 140×40. А потом уменьшают, указав в коде атрибут.Важно! Учтите, если уменьшаете картинки таким образом, то меняете только ее размер, но не вес. Картинка с большим весом может плохо грузиться на устройстве. Поэтому обращаем ваше внимание еще раз: оптимизируйте изображения перед тем, как добавить их в письмо.4. Делайте картинки кликабельными. Если вы посмотрите на карту кликов своей рассылки, то заметите, что читатели часто нажимают на картинки. Поэтому указывайте для картинок ссылки на нужные разделы сайта.5. Выбирайте картинки хорошего качества — на бесплатных фотостоках или сделанные вами.Дизайн CTAВ email рассылке call to action — это кнопка или ссылка, которая призывает читателя выполнить целевое действие: зарегистрироваться на вебинар, купить товар на сайте, заполнить анкету. Четкий призыв к действию и его правильное размещение в письме помогают увеличить CTR. А ошибки могут сделать письмо бесполезным.Как не надо1. Если у вас одна кнопка призыва к действию, не прячьте ее внизу за пределами первого экрана прокрутки. Человек может просто не дочитать письмо до конца.2. Не заставляйте читателя угадывать, что ему нужно сделать, иначе он просто закроет письмо. Например, в рассылке ресторана призыв к действию «забронировать столик» виден только после прокрутки. К тому же он не соответствует теме письма, которая обещает «Рецепт лучших шашлыков»:Призыв к действию находится ниже первого экрана и не соответствует теме письма3. Если оформляете call to action ссылкой, она не должна теряться на фоне другого текста. В примере ниже ссылку на регистрацию в вебинаре сложно заметить сразу:Короткая и светлая ссылка регистрации на вебинар теряется на фоне письмаКак надо1. Размещайте призыв к действию в пределах первого экрана. Если письмо длинное, добавляйте призывы к действию по ходу чтения: в середине и в конце письма. Так делают в рассылке интернет-супермаркета Rozetka. Call to action размещен в шапке письма и под акционными товарами:Несколько призывов к действию в рассылке интернет-супермаркета Rozetka2. Согласовывайте призыв к действию с заголовком письма. Когда call to action вытекает из темы, письмо выглядит логичным и последовательным. Например, Нил Патель, создатель KissMetrics, в теме обещает рассказать, как высоко ранжироваться в поисковых системах без бюджета. А призыв к действию говорит: «Вот формула».В письме сall to action соответствует теме3. Делайте кнопку контрастной к дизайну письма. Призыв к действию должен хорошо выделяться на фоне текста и изображений:Явный призыв к действию в рассылкеЧек-лист по дизайну email рассылкиЧтобы было удобно проверять свое письмо перед отправкой, мы собрали все советы «как надо» в список. Его можно использовать для самопроверки:Готовьте адаптивные и красивые письма в SendPulse, тестируйте разные приемы в оформлении с помощью A/B тестов. Регистрируйтесь и отправляйте свою первую рассылку!Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие. Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.

Блог об email и интернет-маркетинге

Email маркетинг

Дизайн email рассылки: что такое хорошо и что такое плохо

Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие.Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.Дизайн шаблона email рассылки — общие рекомендацииОснова электронного письма — это шаблон. Он оформляется в стилистике сайта, чтобы подписчик мог связать письмо с компанией, на рассылку которой подписался. К разработке шаблона стоит отнестись очень внимательно — в будущем он будет определять структуру и внешний вид ваших рассылок.Как не надо1. Нельзя менять шаблоны слишком часто. Если подписчик каждый раз получает по-другому оформленное письмо, ему сложно запомнить образ компании.2. Не используйте корпоративный цвет как основной, если он слишком яркий. Кажется логичным оформить шапку и плашки в цветах компании. Но если такого цвета слишком много, письмо тяжело читать:Слишком много красного цвета в шаблоне письма3. Не оформляйте текст картинкой, потому что:картинка может не отобразиться;сложно менять макет — придется просить дизайнера переделывать картинку;если на картинке промокод, читатель не сможет его скопировать и вставить, нужно перенабирать;кроме того, если оформить картинкой все письмо, почтовые сервисы могут отправить его в спам. 4. Не делайте фон пестрым, иначе сложно читать основной текст:Пестрый фон отвлекает от текста письма5. Не пренебрегайте профессиональной версткой. Неаккуратно сверстанное письмо портит впечатление о компании. Кроме того, письма, набранные Caps Lock, кричащим цветом и разными шрифтами, чаще отправляют в спам почтовые сервисы. В примере ниже дизайн письма выглядит неаккуратно: нет выравнивания по одному краю, используется три размера шрифта, красный цвет в призыве к действию и нагромождение ссылок:Форматирование письма выглядит слишком пестрымКак надо1. Разработайте корпоративный шаблон в стилистике сайта или на основе брендбука. Это не только работает на узнаваемость компании, но и повышает доверие.2. Тестируйте отдельные элементы дизайна email рассылок, а не шаблон в целом. Так вы сможете отследить эффект от изменений и для подписчиков образ компании будет оставаться узнаваемым.3. Создайте несколько шаблонов для разных типов писем. Благодаря этому вы сэкономите время при запуске рассылок. Например, издательство «МИФ» использует два типа шаблона. Первый — для дайджестов:Шаблон для дайджеста статейВторой шаблон — для промо-рассылок:Шаблон для промо-рассылки4. Если цвета бренда контрастные, используйте их для подчеркивания важной информации или для баннеров. В примере ниже зеленым цветом, помимо логотипа, выделены кнопки призыва к действию:Цветовые акценты в корпоративном шаблоне5. Разработайте логичную структуру письма. Основное рекламное или информационное послание должно размещаться на первом экране:Шаблон с основной информацией в первом экране прокрутки6. Придерживайтесь ширины письма 600 рх. Так email будет отображаться на экране любого почтового сервиса без горизонтальной прокрутки.7. Чередуйте текстовые блоки и картинки. Это нужно для лучшей доставляемости писем, когда вы только начинаете делать рассылки и у вашего домена еще не сформирована положительная репутация отправителя. Есть советы придерживаться соотношения 80:20 или 60:40. То есть чтобы в письме было 80% текста и 20% картинок. 8. Поручите дизайн email рассылки профессиональному верстальщику, чтобы оформление заголовков, текстовых блоков и картинок выглядело гармонично. Посмотреть пример дизайна рассылки с красивой и аккуратной версткой можно в письмах издательства «МИФ»:Гармоничная верстка рассылки издательства «МИФ»Адаптивный дизайн рассылкиБудет ли письмо правильно отображаться на экране мобильного устройства, зависит от адаптивности верстки. Ошибки в адаптивности не просто портят внешний вид письма, иногда они делают его бесполезным. Например, если пользователь смартфона не может попасть по ссылке, так как она слишком мелкая и куда-то «съехала», он не перейдет на сайт и ничего не купит.Как не надоНе пренебрегайте адаптивным дизайном в email рассылках. Уделите ему внимание и учитывайте все нюансы адаптивной верстки. Ведь ошибки в ней приводят к таким результатам, как на примере ниже:Результат ошибки в адаптивной верстке, когда блоки не перестроилисьКак надо1. Придерживайтесь правил адаптивной верстки email. Например, чтобы на мобильном колонки могли перестраиваться вниз, добавляется специальный код, а все блоки верстаются таблицей.2. Еще один вариант — использовать готовые адаптивные шаблоны в SendPulse или делать шаблон в блочном редакторе SendPulse. В нем уже учтены все правила верстки. Кроме того, вы сразу можете посмотреть, как выглядит письмо на компьютере и на мобильном:Предпросмотр веб- и мобильной версии письма в редакторе SendPulseТекст в дизайне email рассылкиДаже самый интересный текст могут не прочитать, если он выглядит непривлекательно. И наоборот, разбивка текста на абзацы с подзаголовками, выделение главных мыслей цветом или другим шрифтом помогает привлечь и удержать внимание читателя. Впрочем, в стремлении красиво оформить текст, можно допустить несколько ошибок.Как не надо1. Не используйте много инструментов оформления в одном письме — разные стили и начертания шрифтов, выделение цветом, размеры шрифта. Пестрые письма выглядят неряшливо, почтовые сервисы могут распознавать их как спам. В рассылке детского магазина используется четыре цвета шрифта, выделение жирным. Окончательно портит картину нагромождение ссылок с подчеркиванием:Пестрый текст в рассылке детского магазина2. Не используйте мелкий или блеклый шрифт. Неразборчивый шрифт ухудшает восприятие текста.3. Не верстайте письмо сплошным текстом. Без разбивки на абзацы текст выглядит монотонно, его сложно и скучно читать.4. Не ставьте ссылки слишком близко, иначе они могут «склеиться». При чтении со смартфона тяжело будет кликнуть на нужную ссылку:В рассылке консалтинговой компании ссылки стоят слишком близкоКак надо1. Выберите один или два шрифта для email рассылки.2. Используйте стандартные шрифты. Некоторые почтовые сервисы, например, Gmail и Yahoo, поддерживают больше шрифтов, Outlook и AOL — меньше. Если сервис не может прочитать ваш шрифт, он заменяет его стандартным, и верстка может «поплыть». Чтобы этого не произошло, пишите стандартными для всех сервисов рассылки шрифтами: Arial, Lucida Grande, Tahoma, Trebuchet, Verdana, Georgia, Palatino, Times New Roman, Courier New, Courier и Impact. 3. Корпоративными шрифтами оформляйте надписи на баннерах и в тексте, который верстается картинкой.4. Оформляйте ключевые мысли подзаголовками, пишите короткими абзацами. Текст, в котором четко видна структура, легко и приятно читать.5. Используйте размер шрифта не менее 14px.Цвет в дизайне письма для рассылкиОформление письма цветом задает настроение и усиливает рекламное послание. Но если ошибиться с цветом в рассылке, можно получить обратный эффект — разозлить читателя.Как не надо1. Не ослепляйте читателя цветом. Слишком много красного, использование ярких или несочетаемых оттенков портит внешний вид письма и затрудняет чтение. В примере ниже очень яркие, агрессивные блоки отвлекают внимание от смысла:Много красного цвета в рассылке2. Будьте осторожны с градиентом. Например, в письме ниже слишком заметная линия перехода между цветами выглядит некрасиво:Слишком явная граница в градиентеКак надо1. Используйте яркие цвета как акцент для важных элементов. А верхний баннер и футер сделайте в более спокойных оттенках. 2. Учитывайте особенности вашего продукта и целевую аудиторию, выбирая цветовое оформление письма. В статье на блоге Kissmetrics написано, что мужчины предпочитают контрастные цвета, а женщины — мягкие оттенки.3. Подходите творчески к использованию градиента. Например, в новогодней рассылки Wizzair удачно обыграли переход цветов в открытке:Интересное использование градиента в новогодней рассылке4. Проводите A/B тестирование, чтобы определить более эффективный цвет элементов рассылки.Дизайн хедераХедер — это блок вверху письма, над главной картинкой. Здесь обычно размещают логотип, ссылки на разделы сайта, контактную информацию. Хедер помогает идентифицировать письмо: читатель видит имя бренда в поле «от кого», а открыв письмо, видит логотип:Идентификация бренда в поле отправителя и хедере письмаКак не надо1. Частая ошибка в хедере — много информации. Да, вверху письма можно и нужно давать ссылки на важные разделы сайта. Но если разместить еще и ссылки на соцсети, как в примере ниже, есть риск отвлечь внимание читателя от основного сообщения. Плюс ссылки в несколько строк занимают много места:Перегруженный хедер письма2. Картинки плохого качества в хедере портят внешний вид письма и создают впечатление любительского дизайна рассылки:Плохое качество картинки в шапке письмаКак надо1. Выделите главную информацию, которая соотносится с темой письма. Например, в рассылке сервиса покупки билетов Busfor.ua есть логотип с подписью и ссылка для подбора билетов:Только нужная информация в хедере email2. Добавьте в хедер настроения, используя праздничную или сезонную атрибутику. Небольшие обновления делают рассылку интереснее для постоянных читателей. Например, магазин одежды в своей новогодней рассылке добавил в логотип шапку Санта-Клауса:Новогодний атрибут в хедере письмаДизайн футера email рассылкиСамый малозаметный, но не менее важный элемент письма — это футер. Чаще всего здесь размещают подпись, ссылку отписки, объяснение, почему подписчик получил рассылку, физический или юридический адрес компании и ссылки на социальные сети.Как не надо1. Логично выносить в конец письма служебную информацию и менее важные ссылки. Но футер не должен быть свалкой:Футер перенасыщен информацией2. Не прячьте ссылку отписки. Если читателю сложно отписаться, он будет отправлять письма в спам. А жалобы на спам ухудшают репутацию отправителя. В примере ниже текст футера, включая ссылку отписки, почти сливается с фоном:Нечеткая информация в футере рассылкиКак надо1. Добавляйте в футер действительно нужную информацию. Сгруппируйте ссылки по смыслу, чтобы удобнее было читать:Структурированная информация в футере2. Делайте ссылку отписки заметной. Это будет честно по отношению к подписчику и снизит вероятность отправки письма в спам:Заметная ссылка отписки в рассылке3. Попробуйте добавить в футер дружелюбную подпись, чтобы читатель закончил читать на приятной ноте и захотел открыть следующую рассылку:Дружелюбная подпись в футереИзображения в дизайне письма рассылкиФотографии, инфографики, картинки — неотъемлемая часть дизайна email рассылки. Хорошо подобранные изображения помогают передать настроение, эмоции, задают стиль письма. Как не надо1. Нельзя делать рассылку, состоящую только из одних картинок или сплошной картинкой. По результатам исследования, 43% пользователей Gmail читают почту с отключенными изображениями. Содержание письма должно оставаться понятным, если в нем будет только текст.2. Светлый и неконтрастный шрифт читается плохо. Такой текст при наложении на пеструю фотографию будет сливаться с фоном:Белый текст на светлой фотографии читается плохо3. Не используйте изображения больше необходимых размеров. Например, если ширина блока 300 px, то не нужно брать для него картинку шириной 1200 px.Как надо1. Оптимизируйте картинки перед тем, как добавить их в письмо. Письмо с большим по весу изображением будет подгружаться дольше. Особенно это актуально для смартфонов, где скорость загрузки может быть ниже из-за плохого мобильного интернета. Подумайте, что вероятнее сделает пользователь: будет дожидаться загрузки ваших больших и красивых картинок или же просто закроет письмо?Чтобы оптимизировать изображения для писем можете воспользоваться этими сервисами: Squoosh, TinyPNG. 2. Прописывайте Alt-текст для картинок и фотографий. Так пользователи смогут понять смысл письма, даже если картинки не загружаются автоматически. Текст должен соответствовать смыслу картинки.3. Увеличивайте размер иконок в два раза, чтобы у пользователей iPhone и Macbook с Retina экраном они отображались в хорошем качестве. Например, если в рассылку нужно добавить иконку размером 70×20, на сервер ее загружают в размере 140×40. А потом уменьшают, указав в коде атрибут.Важно! Учтите, если уменьшаете картинки таким образом, то меняете только ее размер, но не вес. Картинка с большим весом может плохо грузиться на устройстве. Поэтому обращаем ваше внимание еще раз: оптимизируйте изображения перед тем, как добавить их в письмо.4. Делайте картинки кликабельными. Если вы посмотрите на карту кликов своей рассылки, то заметите, что читатели часто нажимают на картинки. Поэтому указывайте для картинок ссылки на нужные разделы сайта.5. Выбирайте картинки хорошего качества — на бесплатных фотостоках или сделанные вами. Дизайн CTAВ email рассылке call to action — это кнопка или ссылка, которая призывает читателя выполнить целевое действие: зарегистрироваться на вебинар, купить товар на сайте, заполнить анкету. Четкий призыв к действию и его правильное размещение в письме помогают увеличить CTR. А ошибки могут сделать письмо бесполезным.Как не надо1. Если у вас одна кнопка призыва к действию, не прячьте ее внизу за пределами первого экрана прокрутки. Человек может просто не дочитать письмо до конца.2. Не заставляйте читателя угадывать, что ему нужно сделать, иначе он просто закроет письмо. Например, в рассылке ресторана призыв к действию «забронировать столик» виден только после прокрутки. К тому же он не соответствует теме письма, которая обещает «Рецепт лучших шашлыков»:Призыв к действию находится ниже первого экрана и не соответствует теме письма3. Если оформляете call to action ссылкой, она не должна теряться на фоне другого текста. В примере ниже ссылку на регистрацию в вебинаре сложно заметить сразу:Короткая и светлая ссылка регистрации на вебинар теряется на фоне письмаКак надо1. Размещайте призыв к действию в пределах первого экрана. Если письмо длинное, добавляйте призывы к действию по ходу чтения: в середине и в конце письма. Так делают в рассылке интернет-супермаркета Rozetka. Call to action размещен в шапке письма и под акционными товарами:Несколько призывов к действию в рассылке интернет-супермаркета Rozetka2. Согласовывайте призыв к действию с заголовком письма. Когда call to action вытекает из темы, письмо выглядит логичным и последовательным. Например, Нил Патель, создатель KissMetrics, в теме обещает рассказать, как высоко ранжироваться в поисковых системах без бюджета. А призыв к действию говорит: «Вот формула».В письме сall to action соответствует теме3. Делайте кнопку контрастной к дизайну письма. Призыв к действию должен хорошо выделяться на фоне текста и изображений:Явный призыв к действию в рассылкеЧек-лист по дизайну email рассылкиЧтобы было удобно проверять свое письмо перед отправкой, мы собрали все советы «как надо» в список. Его можно использовать для самопроверки:Готовьте адаптивные и красивые письма в SendPulse, тестируйте разные приемы в оформлении с помощью A/B тестов. Регистрируйтесь и отправляйте свою первую рассылку!Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие.Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.

Пять типов постов в Instagram и как использовать их в своей стратегии роста в Instagram — Creatorly Media

Инстаграм

Автор Кэти Стекли

За годы, прошедшие с момента его выпуска в 2010 году, Instagram становится все более и более сложным, предлагая различные способы публикации и просмотра контента в приложении. Это оставляет многих создателей контента, особенно новичков, в замешательстве относительно того, какой контент создавать, когда и почему. От постов в ленте до роликов, историй и IGTV — существует так много способов охватить вашу аудиторию в Instagram, и каждый из этих различных форматов имеет свои преимущества и недостатки в том, как они обеспечивают охват, вовлеченность и превращают подписчиков в настоящих поклонников. В этом посте я собираюсь дать вам полное руководство по всем 5 основным типам постов в Instagram, их преимуществам и недостаткам и тому, как они должны вписываться в вашу контент-стратегию для роста!

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

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

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

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

История, на которую всегда ссылаются во время разговора о «вещах, которые не масштабируются», — это AirBnB. Извините, если вы слышали это раньше, но когда я узнал об этом, я нашел это очень важным, поэтому я хочу поделиться этим сейчас, потому что я думаю, что это изменит ваше представление о росте Instagram. Когда AirBnB только запустился, и у них были первые несколько объявлений в прямом эфире, они столкнулись с проблемой, когда они обнаружили, что потенциальные гости не бронировали жилье, потому что фотографии просто не выглядели хорошо. Владельцы недвижимости, которые выставляли объявления об аренде недвижимости, загружали дрянные фотографии, которые не передавали должного пространства. Итак, основатели AirBnB сами подъехали к объявлениям с хорошей камерой и сделали высококачественные фотографии всех своих объявлений, чтобы попытаться лучше продать недвижимость для владельцев. И, конечно же, в течение нескольких недель начали поступать заказы. Они смогли дать толчок росту своей платформы, сделав что-то, что не масштабировалось — если бы они проигнорировали это простое решение, потому что знали, что не смогут чтобы сделать это в долгосрочной перспективе, у них мог бы быть неудачный веб-сайт вместо всемирно успешной технологической компании.

Таким образом, тот же принцип применим и к росту в социальных сетях. Вам нужно начать с того, что не масштабируется, и под этим я имею в виду построение отношений с отдельными людьми. Подружитесь с людьми в Интернете, и они со временем станут вашими подписчиками. Нет, ты не можешь подружиться со 100 000 человек. Но если вы начинаете с нуля, рост означает просто подружиться с 5 или 10. И это вполне выполнимо. Поэтому вместо того, чтобы думать о росте с точки зрения принципов и стратегий, которые вы хотите использовать, когда у вас будет миллион подписчиков, подумайте о том, как вы можете внести простые изменения, которые приведут к росту там, где вы сейчас находитесь. И делать то, что не масштабируется.

Итак, после всего сказанного (и спасибо, что побаловали меня этим небольшим мотивационным разглагольствованием!) давайте рассмотрим пять основных типов контента, которым вы можете поделиться в Instagram. Я собираюсь провести вас через них в порядке и контексте того, как кто-то новый находит вас на платформе, и их путь к тому, чтобы стать вашим поклонником номер 1. Это означает, что мы собираемся начать с барабанов.

Что такое катушки? Короткие видеоролики (15–30 секунд), которые часто следуют тенденциям, используют популярные аудиозаписи и рассказывают о быстрых выигрышах или развлечениях для новой аудитории

Где вы смотрите ролики? В основной ленте или на странице просмотра роликов

Кто видит ваши ролики? текущих подписчиков и, что важно: потенциальных новых подписчиков

В нашем путешествии по знакомству с кем-то новым Катушки — это рукопожатие. Во время недавней телефонной встречи с клиентом я как бы придумал эту метафору для путешествия пользователя на месте, и это действительно открыло что-то для моей клиентки и помогло ей понять, как эти разные формы контента работают вместе — и поэтому я подумал было бы идеально поделиться в подкасте! Когда она не знала, как определить, что публиковать в Stories и что публиковать в Reels, я сказал: «Reels — это как встретить кого-то совершенно нового — представьте, что вы были на вечеринке и разговариваете с кем-то, кого никогда раньше не встречали, что бы вы сказали ему?» их?»

Когда мы встречаем кого-то нового, мы пытаемся найти что-то общее. Это наш первый шаг — мы задаем несколько вопросов, узнаем немного об этом новом человеке, а затем пытаемся установить связи. Это то, что вы хотите сделать и с барабанами. Но красота Reels, в отличие от реальной встречи с кем-то на вечеринке, заключается в том, что вы уже знаете, что у вас общего, потому что вы знаете, на кого хотите нацелиться. Алгоритм Instagram Reels обслуживает видео пользователей на основе их интересов, поэтому, если вы можете четко указать в подписи с помощью ключевых слов или конкретных хэштегов, о чем ваш контент, то алгоритм будет знать, кому его показать. Вы можете начать с создания роликов для своей идеальной аудитории — чтобы вы знали их трудности, их проблемы, что они сочли бы забавным, и вы могли бы создавать контент о чем-то, что им было бы интересно. Тогда вы знаете, когда они увидят ваше видео, они почувствуют эту связь с вами и, возможно, даже заглянут на вашу страницу и подпишутся на вас. И когда кто-то новый следует за вами, вы завершили метафорическое рукопожатие и перешли к:

Сообщения в ленте: первый разговор

Что такое сообщения в ленте? Исходная форма контента в Instagram, фото, видео и карусели, которые появляются в основной ленте учетных записей, на которые подписан пользователь

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

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

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

Лента контента — это действительно основа вашей стратегии в Instagram, именно в ней будет жить ваш самый подробный и ценный контент в Instagram. Теперь основной целью контента канала будет обеспечение ценности и установление этой связи с вашей аудиторией. Тем не менее, контент канала также может помочь расширить ваш охват, особенно за счет контента, которым можно поделиться. Как я уже упоминал, контент ленты можно просматривать в историях, когда пользователь нажимает на маленькую кнопку бумажного самолетика и делится публикацией в своей истории. Эта функция — действительно отличный способ расширить свой охват. Если вы можете создать что-то, чем стоит поделиться, то ваши подписчики могут просто помочь вам расширить охват и, возможно, найти новых подписчиков, разместив свой контент перед их аудиторией. Поэтому, когда вы разрабатываете стратегию контента ленты, которая может быть балансом между видеоконтентом, графикой, каруселями и изображениями, не забудьте сбалансировать создание контента для совместного использования, чтобы охватить новую аудиторию, и создание ценного контента для дальнейшего взаимодействия с вашей аудиторией. существующая аудитория. Потому что, если ваши новые подписчики начинают находить ценность в ваших постах в ленте и им нравится то, что они видят, то, скорее всего, они начнут взаимодействовать с вашей следующей формой контента, а именно:

Stories: Разговоры по телефону

Что такое Stories? вертикальный фото- и видеоконтент, отформатированный в виде 5-15-секундных слайдов, которые пользователи могут просматривать

Где вы смотрите Stories? в ленте историй в верхней части приложения, где они доступны только в течение 24 часов, если только вы не добавите их в выделение в своем профиле, где люди смогут просматривать их бесконечно долго. это место, где многие люди проводят свое время. Это не означает, что это единственная важная часть вашей контент-стратегии, потому что, как я уже подробно описал, вы можете увидеть, как на самом деле в игру вступают ролики и фид-контент. Но пользователи Instagram, как правило, начинают просматривать истории, прежде чем они начнут взаимодействовать где-либо еще в приложении. Истории подобны разговору по телефону или переписке с новым другом, потому что на этом этапе вы начинаете больше рассказывать о своей повседневной жизни. Это место, где можно разделить утренний кофе или любимое новое место для обеда. Это не всегда должен быть контент, который напрямую связан с вашей нишей, это место, где вы можете проявить свою индивидуальность, поскольку последователи переходят от того, чтобы знать вас только как человека, который «вставьте свою нишу здесь», но как человека, которого они могут относиться и связываться с.

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

Если ваши подписчики действительно начнут связываться с вами через все эти предыдущие формы контента, то они могут просто взять на себя обязательство смотреть ваш:

IGTV: Идем за кофе

Что такое видео IGTV? Более длинные видеоролики в вертикальном или горизонтальном формате продолжительностью от 1 минуты до 1 часа

Где вы смотрите видео IGTV? В главной ленте Instagram или в разделе IGTV вашего профиля

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

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

Lives — Тусовки

Что такое Lives? live — это именно то, на что они похожи, живые видео, где вы можете общаться со своей аудиторией в комментариях, отвечать на вопросы или даже проводить совместные прямые трансляции с другими создателями

Где вы смотрите Lives? они отображаются в ленте историй с кольцом немного другого цвета и небольшим значком прямой трансляции, и когда люди нажимают на нее, они попадают в конкретную прямую трансляцию

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

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

Кэти Стекли

Instagram – Поддержка WordPress.com

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

Вы можете интегрировать Instagram со своим сайтом WordPress.com несколькими способами, включая встраивание Instagram, ваши последние публикации в Instagram и виджет Instagram.

В этом руководстве

Instagram Embeds

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

Посмотрите видео о том, как встроить блок Instagram на свой сайт ниже.

Привет, это видео покажет вам, как вставлять сообщения Instagram с помощью редактора WordPress.

Мы можем начать с добавления нашего блока Instagram.

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

Я могу вставить его прямо в кнопку. И, нажав «Встроить», я могу увидеть сообщения на странице или сообщение, на которое я его добавляю.

И это также отлично работает для видео.

Вы можете вставлять изображения и видео из Instagram на любую страницу или публикацию своего сайта с помощью двух разных блоков:

Блок Instagram

Используйте блок Instagram , чтобы встроить один пост из Instagram на свой сайт.

Сначала скопируйте URL-адрес публикации Instagram из адресной строки веб-браузера или приложения Instagram. Это будет выглядеть примерно так:

 https://www.instagram.com/p/B-XJ8ALl32q/ 

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

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

instagram.com/p/B-XJ8ALl32q/?utm_source=ig_embed&utm_campaign=loading» data-instgrm-version=»14″>

Посмотреть этот пост в Instagram

Пост, опубликованный WordPress.com (@wordpressdotcom)

Блок последних сообщений Instagram

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

💡

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

Для получения дополнительной информации посетите наши подробные инструкции по добавлению блоков.

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

⚠️

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

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

• Настройки учетной записи: Просмотр подключенной учетной записи Instagram и отключение этой учетной записи, если вам нужно удалить ее или подключить другую учетную запись.
• Параметры отображения: Отрегулируйте количество отображаемых сообщений Instagram, количество используемых столбцов и количество пространства (в пикселях), которое будет разделять каждое сообщение в сетке Instagram.
• Стопка на мобильных устройствах: При включении стека на мобильных устройствах содержимое слева будет отображаться поверх содержимого справа (а не рядом, как на экранах настольных компьютеров). Это обеспечивает лучший опыт для посетителей с мобильных устройств.
• Дополнительно: На вкладке «Дополнительно» можно добавить к блоку класс CSS, что позволит вам написать собственный CSS и стиль блока. Узнать больше.

Каждый блок также имеет панель инструментов для управления блоком, которая позволяет вам манипулировать блоком. Панель инструментов Latest Instagram Posts block включает параметры для выравнивания блока по левому краю, центру или правому краю; в дополнение к использованию широких или полноразмерных дисплеев, если это поддерживается вашей темой.

 [instagram url=LINK]