Html шаблон для рассылки: Бесплатные HTML шаблоны писем для тематики «День рождения» — Stripo.email

7 лет назад

374 просмотра

Распространенные ошибки при создании HTML шаблонов

В этой статье вы узнаете о некоторых ошибках, которые могут возникать при создании собственных HTML шаблонов и способы их избежать.

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

Ваше письмо в формате HTML представляет собой одну гигантскую графику

Большинство почтовых программ по умолчанию блокируют автоматическую загрузку изображений, что может привести к тому, что получатели удалят вашу рассылку или пометят ее спамом. В качестве общего руководства Mailchimp рекомендует соотношение 80% текста и 20% изображений в письме. Тем не менее, все спам-фильтры используют разные критерии для правильного баланса графики и текста.

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

Изображения, размещенные на локальном или частном сервере

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

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

Изображения и гиперссылки не используют абсолютные пути

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

Итак, вместо того, чтобы кодировать изображение следующим образом:

<img src="/images/photo.gif">

Закодируйте его так:

<img src="http://www.mysite.com/email/images/photo.gif ">

То же самое касается гиперссылок. Вместо ссылки:

<a href="index.html" shape="rect">Cliquez ici</a>

Укажите:

<a href="http://www. mysite.com/index.html" shape="rect">Cliquez ici</a>

Если вы кодируете свои письма локально с помощью WYSIWYG, дважды проверьте, что все <img/> теги используют абсолютные пути. Вы можете выгрузить всю графику вашего письма на сервер в самом начале проекта, поэтому обязательно необходимо использовать абсолютные пути с самого начала.

Кампания не была полностью протестирована

Прежде чем отправить письмо, тщательно его протестируйте. Mailchimp рекомендует отправлять тестовые сообщения на все распространенные почтовые сервисы, такие как Yahoo, Hotmail и Gmail. Если вы знаете, что получатели используют менее распространенный почтовый клиент, постарайтесь отправлять письма и на него. Воспользуйтесь инструментом предварительного просмотра писем от Mailchimp, чтобы просмотреть, как будет выглядеть письмо на нескольких клиентах.

Письма, созданные веб-дизайнером, не были проверены

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

Код и программное обеспечение

Используя Word, Publisher или FrontPage для создания HTML шаблона, будьте готовы, что они содержат свой дополнительный код, который переносится и в ваше письмо.

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

JavaScript в письме HTML

Большинство почтовых приложений блокируют JavaScript в качестве меры безопасности. Убедитесь, что код, используемый в кнопках отправки формы, ссылках во всплывающих окнах, предварительных загрузчиках изображений и виджетах, не содержит JavaScript. Если вы копируете HTML код с существующей веб-страницы, очистите код от JavaScript. Конструктор письма Mailchimp удалит любой JavaScript-код, который сможет обнаружить, но рекомендуется тщательно протестировать свою кампанию перед отправкой, чтобы убедиться, что она отображается правильно.

CSS используется неправильно

Большинство почтовых приложений убирают теги HEAD и BODY из входящих писем, чтобы встроенный CSS не мешал их странице CSS. Mailchimp рекомендует использовать встроенный CSS или встраивать свой CSS непосредственно перед контентом после тега <BODY>.

Использование спам-контента

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

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

Нет ссылки отписки

Mailchimp требует, чтобы все маркетинговые рассылки имели тег * | UNSUB | *. Нет абсолютно никаких исключений из этого правила. Он должен присутствовать как в пользовательском HTML шаблоне, так и в любых других письмах.

Нет напоминания о разрешении

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

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

Нет почтового адреса

Mailchimp требует, чтобы все пользователи указывали действительный физический почтовый адрес во всех письмах, отправляемых через их серверы, в соответствии с законом США-CAN-SPAM. Адрес автоматически вставляется каждый раз, когда вы используете встроенные шаблоны Mailchimp. Если вы пишете свой собственный код, вам нужно будет добавить его вручную.

Если у вас есть вопросы по Mailchimp, email маркетингу и написанию текстов для рассылок, запишитесь на консультацию.

Заказ шаблона электронной почты — Stripo.email

Расширьте свои рабочие возможности, перенеся создание электронной почты на наши плечи

Как это работает

1. Предоставьте информацию

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

2. Получить подтверждение

Мы рассмотрим ваше краткое описание дизайна электронной почты, активы бренда и свяжемся с вами для разъяснения. После рассмотрения вы получите подтверждение с окончательным техническим заданием и срок.

3. Оплатить

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

4. Подождите для производства

Мы разработаем ваш адаптивный шаблон электронной почты и проверим совместимость в 40+ почтовые клиенты, с помощью Litmus или Email on Acid. Все элементы будут доступны для редактирования в Stripo и других конструкторах.

5. Получите заказ

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

2. Получите подтверждение

Мы рассмотрим ваше краткое описание дизайна электронной почты, активы бренда и свяжемся с вами для разъяснения. После рассмотрения вы получите подтверждение с окончательным техническим заданием и срок.

4. Дождитесь производства

Мы разработаем ваш адаптивный шаблон электронной почты и проверим совместимость в более чем 40 почтовые клиенты, с помощью Litmus или Email on Acid. Все элементы будут доступны для редактирования в Stripo и других конструкторах.

Ваш шаблон будет

Отзывчивость на мобильных устройствахПолная отзывчивость отлично работает на всех мобильных устройствах, поддерживающих медиа-запросы. и корректно отображается на всех остальных устройства.

Протестировано в более чем 40 основных почтовых клиентах. Качество шаблонов писем Stripo подтверждено Email on Acid и Litmus. Отчет о совместимости будет приложен.

Готов к простому экспорту в основные ESP. Экспортируйте шаблоны электронной почты Stripo одним щелчком мыши в более чем 70 ESP, включая Mailchimp, Campaign Monitor, Constant Contact, Braze, Mailigen, GetResponse, SendGrid, eSputnik, почтовые клиенты, такие как Gmail, Outlook и другие.
Если вашего ESP нет в списке, используйте экспорт в HTML, чтобы сделать ваш шаблон электронной почты совместимым. например, Mailchimp, eSputnik и т. д.

Разработано в соответствии с предоставленными активами бренда и всеми требованиями.

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

Заказ шаблона электронной почты запрос

Только разработка Дизайн и разработка

Мы кодируем HTML-шаблон электронной почты на основе ваших файлов дизайна/мокапа.

Мы с нуля разрабатываем и кодируем HTML-шаблон электронной почты для вас на основе стиля дизайна вашего бренда.

Шаблон на основе вашего дизайна

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

Дополнения

Исправления

До 5 исправлений после доставки шаблона.

Срочно

Выполнение заказа может занять до 3 рабочих дней после обработки счета. Однако, в зависимости от уровня сложности и количества модулей, время выполнения может быть увеличено и обсуждается с вами. Срок реализации функционала AMP является предметом дополнительного обсуждения.

Проверка электронной почты Отчет

Скриншоты из Litmus или Email On Acid будут предоставлены в качестве ссылку или ZIP-архив.

Краткое описание кампании

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

Файлы дизайна (дополнительно)

Нажмите или перетащите файлы сюда

Это может быть PSD, EPS, AI, PDF, PNG, JPG, GIF, DOC, DOCX, TXT, ZIP или RAR.
Общий размер не должен превышать 20 Мб.

Часто задаваемые вопросы

Как это работает?

Это очень просто. Процесс заказа шаблона состоит из нескольких шагов:

Шаг 1: Заказ шаблона

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

Шаг 2: Оплата заказа

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

Шаг 3: Создание и доставка шаблона

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

• шаблон будет размещен в вашей учетной записи Stripo. В этом случае смарт-элементы будут установлены и сохранены прямо в вашей библиотеке модулей в личном кабинете;
• шаблон будет отправлен на ваш адрес электронной почты, указанный в форме заказа.

Будет ли мой шаблон адаптивным?

Отзывчивость шаблонов, созданных с помощью редактора Stripo, основана на @media. Следовательно, все шаблоны будут полностью реагировать на все устройства и почтовые клиенты. которые его поддерживают. Вместе со построенными шаблонами вы получите ссылку на результаты теста с Лакмусом. Таким образом, вы увидите, как ваши шаблоны отображаются в большинстве распространенных электронных писем. клиенты.

Как я могу получить свой шаблон?

Мы можем доставить шаблон двумя способами:

• . Разместите его в своей учетной записи Stripo. В этом случае, наряду с шаблонами, пользовательские модули, включая смарт-элементы, будут сохранены в вашей библиотеке модулей;
• отправить в виде ZIP- и HTML-файла на адрес электронной почты, указанный в форме заказа.

Какие существуют способы оплаты?

Счет, сформированный и отправленный на ваш адрес электронной почты, может быть оплачен любым удобный для вас способ: либо счет PayPal, либо дебетовая карта Visa/Master Card. Вы также можете оплатить счет-фактуру путем перечисления денег на наш счет в Банке США — укажите, пожалуйста предпочтительный способ оплаты в поле «Краткая информация о кампании»

Что делать, если мне не нравится встроенный шаблон?

Пожалуйста, свяжитесь с нами по адресу contact@strpo. email с пояснениями, что именно вам не нравится в шаблоне или что надо исправить. Мы открыты к конструктивному диалогу и готовы внести все необходимые изменения в ваш шаблон для сделать вас полностью удовлетворены.

Когда я получу шаблон?

Ваш шаблон будет создан в соответствии с условиями, указанными в форма заказа. Сроки начинаются с даты платежа.

Что такое смарт-элементы?

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

Почему шрифт текста отличается от моего шрифт или дизайн сайта?

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

Что мне делать, если у меня нет желаемый дизайн?

Нет проблем. Просто вставьте ссылку на свой сайт в бриф кампании. поле, и мы создадим шаблон и все основные модули в соответствии с вашим сайтом стиль. Образцы промо-шаблонов представлены на нашей странице Шаблоны.

Какая краткая информация о моем кампании я должен упомянуть?

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