› › E mail не будет опубликован обязательные поля. Опасности, которые могут поджидать электронную почту. Очередной спам про накопленные на счету суммы Chan ваш e mail не будет опубликован

E mail не будет опубликован обязательные поля. Опасности, которые могут поджидать электронную почту. Очередной спам про накопленные на счету суммы Chan ваш e mail не будет опубликован

Тема третьей части серии публикаций про e-mail маркетинг - оформление письма для рассылки.

Когда мы определились, как, кому и когда мы будем делать рассылку, дело остаётся за малым: составить письмо так, чтобы подписчик его заметил, прочитал и выполнил целевое действие.

Тема, отправитель, превью

Если театр начинается с вешалки, то рассылка традиционно начинается с отображения письма в почтовом ящике подписчика. Зачастую и в десктопной, и в мобильной версии пользователь видит три строчки: отправитель письма, тема письма и начало первой строки (превью). Почему же это важно? Потому что это - первый этап в цепочке конверсии. Среди всех писем в его ящике пользователь должен в первую очередь обратить внимание на ваше и захотеть открыть именно его.

Начнём с отправителя . Во-первых, пользователь с первого взгляда должен узнать название того сервиса, на котором он подписывался на рассылку. Если он не понимает, кто ему пишет, то сразу удалит сообщение или того хуже - отправит его в спам и заблокирует отправителя. Поэтому вы можете 1) в графе отправителя написать название сервиса/сайта, от которого проводится рассылка, 2) добавить человеческое имя отправителя: получить письмо от «Наташа из BestCashBack» намного приятнее, чем от безликого BestCashBack, 2) по возможности добавить так называемый фавикон (favicon) - маленькую версию логотипа (если он есть), которая отражается в некоторых версиях почтовых клиентов.

Пример использования фавикона у Lamoda и re:Store; Pudra же такой возможностью пренебрегает

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

Пример неудачного превью: подтягивается весь текст с самого первого слова в письме, при это он не нацелен на то, чтобы конвертировать просмотр письма в его открытие

Чтобы это исправить у вас есть два варианта: добавить открытый или спрятанный прехедер. В первом случае вы используете код:

Текст для прехедера

Тогда в превью появляется текст прехедера, но он же появляется первой строкой и в самом письме. Если вы хотите скрыть текст прехедера, оставив его только в превью, используйте код:

Текст прехедера
.

Также при выборе текста для превью необходимо не забывать про его длину: в зависимости от почтового клиента и используемого устройства он может быть от 32 до 140 знаков (привет, Твиттер 2016 года). Поэтому следуем правилу «чем меньше, тем лучше».

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

Последнее, но не по значению, - это тема письма . О том, что она должна быть короткой, ёмкой и цеплять с первого взгляда, многие гуру e-mail маркетинга писали не раз. Здесь есть два варианта: либо вы уместите в ней максимум информации в минимуме текста («Топ-10 лучших скидок недели», «Самые популярные товары месяца», «Самые необычные подарки на 8 марта»), либо придумаете нечто необычное, чтобы подписчик подумал «А что же хотел сказать автор?» и непременно решил ознакомиться с содержимым письма.

Пример креативного подхода к теме письма у сервиса Invisible: провокационные короткие заголовки выделяются среди остальных писем и так и требуют, чтобы по ним кликнули

Ещё одна фишечка, которой пользуются рассыльщики для привлечения внимания к письму - добавление в заголовок эмодзи. Помимо придания письму эмоциональной окраски такие вставки выгодно выделяют письмо среди остальных сообщений в ящике. Но и здесь не всё так просто: в зависимости от операционной системы, устройства, почтовой программы иконки могут отображаться по-разному: быть цветными, монохромными белыми, выглядеть как неопределённый символ (обычно вместо них ставится квадратная рамочка) или пропадать вовсе. Рекомендуем вам выбирать наиболее используемые символы - так будет меньше вероятности того, что они будут неправильно отображаться или вовсе пропадут.

Пример использования эмодзи «ключика» в теме письма «Ваш ключ к закрытой распродаже»

Активно использует эмодзи в своих рассылках Lamoda: чёрные круги в честь «Чёрной пятницы», салюты в честь распродаж и тематика одежды и обуви. Обратите внимание на заглавные буквы: простой приём, который позволяет расставить акценты в теме письма.

А в этом случае эмодзи не отразились в превью письма Lamoda…

…но показались в графе темы письма после того, как его открыли.

Тело письма

Здесь мы не будем рассказывать о том, как верстать письма - профессионалами e-mail маркетинга написано уже немало статей по этому поводу. Для верстки писем необходимо быть знакомым с языком разметки HTML или хотя бы иметь желание с ним познакомиться. Об основных нюансах верстки прекрасно рассказано в статьях «Как сверстать письмо: инструкция для чайников », «Основы верстки HTML-писем для веб-разработчиков », «Верстка email рассылок от А до Я для чайников », «Как создать макет письма без дизайнера ». Наша же задача - пройтись по чеклисту возможных проблем и их решений, которые возникают, когда дело доходит до составления непосредственно тела письма.

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

Текст должен оставаться текстом, а картинки картинками . Если вы решите сверстать письмо в графическом редакторе в виде изображения (чтобы не потерять стили шрифтов и вёрстку), то рискуете оставить читателя без текста письма вовсе: многие почтовые клиенты по умолчанию не прогружают изображения в письме без команды пользователя. Заставлять их нажимать кнопку «Показать картинки», чтобы ознакомиться с содержанием письма - это добавлять лишний шаг в цепочке конверсии.

Как одно и то же письмо выглядит при выключенных картинках…

…и когда картинки по умолчанию включены.

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

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

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

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

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

Кнопка отписки . «Напишите нам на почту [email protected] , чтобы отписаться от рассылки» - это прошлый век. Сделайте в конце письма видимую ссылку на страницу отписки, нажав на которую, пользователь либо автоматически будет удалён из базы рассылки, либо будет перенаправлен на страницу выбора того, от чего конкретно он хочет отписаться. Диверсифицируйте контент: если у подписчиков будет выбор среди тем подписки («Новости сервиса», «Оповещения о свежих материалах», «Рассылка с итогами месяца», «Лучшие скидки недели»), вам будет проще их таргетировать и конвертировать в продажи. Соответственно, если у него будет выбор, от чего отписаться, а что оставить, то будет шанс не просто не потерять потенциального клиента, но и повысить шансы конвертировать его в продажи.

Не забудьте про тесты: вы должны наверняка знать, как и где выглядит ваше письмо. Эксперты этой сферы советуют использоваться сервисы litmus.com и emailonacid.com , хотя в них и есть один небольшой недостаток: проверить отображение письма в российских почтовиках Mail и Яндекс не получится, для них придётся делать рассылку ручками на собственные ящики в этих сервисах. В некоторых системах рассылки уже предусмотрена возможность посмотреть, как будет выглядеть письмо (как минимум в разрезе десктоп-мобайл, как максимум - в различных почтовиках). Если вы работаете с другими географическими регионами, не поленитесь проверить, какие почтовые сервисы пользуются там популярностью, и завести в них почтовые ящики для тестовых рассылок.

Помимо формы не забывайте проверять содержание (нет ли в тексте орфографических и пунктуационных ошибок, все ли ссылки рабочие, партнёрские и ведут куда надо) и проводить A/B тесты. Для этого разделите базу рассылки на две части, причём состав подписчиков должен быть примерно однородным по полу, возрасту, доходу, а также используемым почтовым клиентам. За раз тестируйте один элемент письма: это может быть цвет кнопки, call-to-action, тема письма, превью, расположение блоков, иллюстрации.

Разработайте шаблоны для каждого типа письма , «откатайте» их на рассылках: так вам будет проще верстать каждое новое письмо, а вероятность «поехавшей» вёрстки сведётся к минимуму. Вы заранее будете знать, какое изображение какого формата подойдёт по размеру блока, какого объема должны быть заголовки и тексты.

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

Это не вкусовщина и не украшательство, а шаги для увеличения конверсии в продажи. Письмо должно оставлять у пользователя два чувства: «Нужно срочно воспользоваться предложением» и «Нужно сохранить письмо и обязательно вернуться к нему позже, оно мне пригодится». И даже если вы не новичок в e-mail маркетинге, стоит пройтись по этому чек-листу и проверить, все ли вы применяете в своих рассылках? Возможно, какой-то инструмент, которым вы ещё не воспользовались, поможет увеличить конверсию в продажи на несколько процентов.

Здравствуйте, дорогие читатели сайт ! В этой статье я покажу, как удалить поле Сайт и E-mail в стандартной форме комментариев блога на WordPress. Если вы спросите «Зачем?», значит вам это не особо надо. А кто ищет ответ на вопрос из заголовка, тот ясно понимает, что иногда скрытие этих полей бывает полезным для продвижения сайта. Попутно, раз уж мы будем редактировать форму комментирования, уберем строку «Можно использовать следующие HTML-теги и атрибуты», которая встречается в некоторых шаблонах Вордпресс под полем «Комментарий ».

Зачем скрывать поля ввода URL и E-mail и кому это надо?

Зачем: борьба со спамом, уменьшение количества исходящих ссылок и упрощение комментирования.

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

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

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

Тут есть и обратная сторона: увеличение количества внешних ссылок, пусть даже в nofollow, мешает продвижению сайта и не нравится ПС, особенно Google. Причем, когда на сайт комментатора идет несколько ссылок с одинаковым анкором с одной и той же страницы, то для поисковиков это тем более выглядит спамно.

Совет для комментаторов: если в процессе общения приходится оставить несколько комментариев на одной странице, заполняйте поле URL только в первом из них. Таким образом, у автора блога будет меньше внешних ссылок, а ваш бэклинк получит, насколько это возможно, максимальный вес.

Убираем поле Сайт (URL) и E-mail в форме комментариев WordPress

Зачем это надо вроде разобрались, теперь узнаем, как это сделать. Для примера возьмем тему Вордпресс Twenty Ten . Стандартная форма комментариев выглядит так:

Теперь по порядку отключим поля Сайт, E-mail и удалим лишний текст, как показано на скриншоте выше.

Отключаем поле Сайт

Скрыть поле Сайт или, в некоторых шаблонах, URL, можно двумя способами:

  1. с помощью плагинов (для новичков и ленивых);
  2. с помощью PHP-кода.

С помощью WP-плагинов

Можно использовать плагины disable-hide-comment-url или Hide-n-Disable-comment-url-field . На данный момент оба рабочие, но я советую второй, так как первый давно не обновлялся.

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

С помощью PHP-кода

Тут тоже есть два способа:

  1. редактирование файла comment-template.php из папки WordPress wp-includes ;
  2. изменение файла functions.php текущей темы.

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

Внимание! Перед внесением изменений сделайте резервную копию файла functions.php.

Скачиваем файл с хостинга по адресу /wp-content/themes/twentyten/functions.php и открываем в любом текстовом редакторе, например, Notepad++. В вашем случае выбирайте папку со своей темой. Можно редактировать прямо из админки блога, тогда заходим в меню “Внешний вид ” – “Редактор ” и справа выбираем файл functions.php .

Чтобы удалить поле ввода Сайт в форме комментариев, добавляем в конец открытого файла этот код:

function remove_comment_fields($fields ) { unset ($fields [ "url" ] ) ; return $fields ; } add_filter("comment_form_default_fields" , "remove_comment_fields" ) ;

function remove_comment_fields($fields) { unset($fields["url"]); return $fields; } add_filter("comment_form_default_fields", "remove_comment_fields");

Сохраняем изменения и заливаем файл с заменой обратно на хостинг. В результате поле Сайт будет удалено.

Удаляем поле E-mail

Делаем все то же самое, только дописываем в указанный выше код дополнительно такую строку: unset($fields["email"]);

function remove_comment_fields($fields ) { unset ($fields [ "url" ] ) ; unset ($fields [ "email" ] ) ; return $fields ; } add_filter("comment_form_default_fields" , "remove_comment_fields" ) ;

function remove_comment_fields($fields) { unset($fields["url"]); unset($fields["email"]); return $fields; } add_filter("comment_form_default_fields", "remove_comment_fields");

Идем в админку (Настройки – Обсуждение ), убираем галочку с пункта «Автор комментария должен указать имя и e-mail » и сохраняем изменения.

Проверяем - работает. Однако теперь возникает ситуация, когда можно оставлять комментарии, не вводя Имя. Вместо него будет надпись Аноним. Если вас это не беспокоит, то можно на этом остановиться.

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

function custom_validate_comment_author() { if(empty($_POST["author"]) || (!preg_match("/[^\s]/", $_POST["author"]))) wp_die(__("Ошибка! Пожалуйста, заполните поле Имя")); } add_action("pre_comment_on_post", "custom_validate_comment_author");

Теперь при попытке оставить анонимный комментарий будет выводиться предупреждение:

Удаляем строку «Можно использовать следующие HTML-теги и атрибуты…»

Такой текст присутствует не во всех темах WordPress, но если у вас есть, то лучше его убрать. Почему, ведь так посетители могут оставлять в комментах ссылки, цитаты, коды, выделять ключевые слова жирным и т.д.? А оно вам надо? К тому же, этот блок текста не эстетичен и дублируется на всех страницах сайта (не только вашего), снижая их уникальность. Поэтому смело удаляем, прописав в functions.php следующий код:

function mytheme_init() { add_filter("comment_form_defaults" , "mytheme_comments_form_defaults" ) ; } add_action("after_setup_theme" , "mytheme_init" ) ; function mytheme_comments_form_defaults($default ) { unset ($default [ "comment_notes_after" ] ) ; return $default ; }

function mytheme_init() { add_filter("comment_form_defaults","mytheme_comments_form_defaults"); } add_action("after_setup_theme","mytheme_init"); function mytheme_comments_form_defaults($default) { unset($default["comment_notes_after"]); return $default; }

После всех наших трудов получаем такую форму комментариев на блоге:

Если удалили поле E-mail, то не забудьте убрать надписи с этим связанные. Например, «Ваш e-mail не будет опубликован », как на картинке выше. Для этого в корне сайта в папке wp-includes в файле comment-template.php найдите текст «Your email address will not be published » и удалите его. В случае с темой twentyten это работает. В других шаблонах может быть придется делать иначе. Только не забудьте сделать копии редактируемых файлов на всякий случай.

Теперь в файле functions.php все изменения будут выглядеть так:

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

Так как эти процедуры приходится иногда повторять при смене шаблона или создании нового сайта, то решил сделать себе такую шпаргалку. Надеюсь, пригодится и вам. Можете сохранить страничку в Закладки (Ctrl+D).

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

  • поле URL
  • label к каждому полю
  • надпись "Ваш email не будет опубликован" (или как-то так)

Убрать поле URL из формы комментирования Wordpress

Существует несколько способов. Можно покопаться в, так сказать, ядре wordpress-а. Но в случае обновления CMS все внесенные изменения сбросятся, т.к. файлы будут перезаписаны. Оптимальный на мой взгляд вариант, добавить вот такую штучку в свой functions.php:

Function remove_comment_fields($fields) { unset($fields["url"]); return $fields; } add_filter("comment_form_default_fields", "remove_comment_fields");

Убрать надпись "Ваш email не будет опубликован" над формой

Строчка примерно ~2235, найти нужный кусок можно по фразе comment_notes_before . По умолчанию для этого параметра и задан ненужный текст. Убираем его, оставляя значение пустым, т.е. в качестве значения будет просто ""

Убираем подпись для поля текста комментария

Там же в файле comment-template.php примерно на строке ~2218 ищем аргумент comment_form_default_fields . По умолчанию в его значение запиханы и

И label. Все это удаляем, оставляя в качестве значения "