Mail ваш не будет опубликован. Акция Счастливый E-Mail

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

Принцип действия плагина Contact Form 7

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

Тоесть, вы должны зарегистрировать 2 почтовых ящика – отправитель и получатель . Отправитель лучше создать в Яндекс почте, а получатель – это официальный ящик вашего сайта.

С некоторых пор плагин Contact Form 7 перестал работать — не отправлял письма, а просто крутил загрузку. Я нашел выход — установил другой бесплатный плагин WPForms Lite. Очень прост в настройках, не требует установки дополнительных плагинов для настройки отправки сообщений, но я заметил, что он работает не с каждой электронкой. На одну мне не приходили письма, а на другую отправляются.

Настройка плагина Contact Form 7. Инструкция

1) Регистрируем ящик отправитель на Яндекс почте (любой, без разницы какой, его название не важно для работы плагина и не будет видно посетителям). Он будет служить перевалочным пунктом для писем.

2) Настраиваем контактную форму плагина Contact Form 7. Нажмите «Изменить» и далее «Шаблон формы» . Вот пример, как она должна выглядеть с обязательными полями: имя пользователя, его почта, сообщение и кнопка «отправить»:

Ваше имя (обязательно)

Ваш e-mail (обязательно)

Сообщение

3) Вкладка «Письмо» отвечает за внешний вид писем, которые вы получаете.

Кому – адрес ящика получатель

От кого – <адрес ящика отправитель>

Тема –

Тело письма –

Итак, вы получаете письмо, где будут указаны все заполненные поля формы обратной связи. На этом настройка плагина Contact Form 7 завершена .

Внимание! Чтобы плагин Contact Form 7 отправлял письма, необходимо установить еще один плагин WP-Mail-SMTP. Именно он будет связывать два почтовых адреса отправитель и получатель и выполнять системные функции по отправке писем.

Настройка плагина WP-Mail-SMTP. Инструкция

From Email – адрес ящика отправитель

From Name – к примеру, название вашей организации или ваше имя

Mailer – функция отправки писем. Выберите «Send all WordPress emails via SMTP»

SMTP Host – для Яндекс почты smtp.yandex.ru

SMTP Port – для Яндекс почты 465

Encryption – Use SSL encryption

Authentication – Yes: Use SMTP authentication

Username – логин на вашей почте отправитель

Password – пароль на вашей почте отправитель

Настройка завершена. Сохраните изменения.

Как разместить форму обратной связи Contact Form 7 на странице

В настройках контактной формы обратите внимание на строчку наверху:

Ее нужно скопировать и вставить на любой странице. Все готово.

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

Тема третьей части серии публикаций про 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 маркетинге, стоит пройтись по этому чек-листу и проверить, все ли вы применяете в своих рассылках? Возможно, какой-то инструмент, которым вы ещё не воспользовались, поможет увеличить конверсию в продажи на несколько процентов.

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

1. Стандартная тема движка. Идем в Плагины, ищем "Пользователь - Профиль" и включаем его. Этот плагин позволяет добавлять при регистрации статичные поля, такие как: Адрес 1, Город, Регион и т.д. Их можно делать обязательными к заполнению или отключать вовсе. Самый главный минус - нет возможности добавлять новые поля или хотя бы редактировать названия текущих полей. Например. мне нужно, не Адрес 1, а "Место проживания", - все этот плагин уже не подходит под мои цели.

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

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

2. Лучший вариант - установка стороннего плагина для добавления любых полей при регистрации пользователей в Joomla 2.5. Для этого скачиваем плагин, устанавливаем его и идем в его настройки, не забыв опубликовать сам плагин. Данный плагин в админке называется "Расширенный профиль".

Третья часть - инструмент

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

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

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

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

Пример, как это может выглядеть на сайте:

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

Всем привет! один из самых полезных плагинов CMS WordPress. Сообщение об обнаруженных ошибках в конфигурации болталось достаточно давно, но все руки не доходили исправить.

Вот, сегодня обновил CMS WordPress до 5.0.1, ну и заодно решил исправить то, что не нравится плагину Contact Form 7.

На сайте формы две и обе выдавали аналогичные уведомления:

Жмакнул изменить и перешел в шаблон формы, далее вкладка «Письмо».

Во вкладке «Письмо» в самом верху висит уведомление: «Обнаружено 2 ошибки на данной панели вкладок». Смотрим ниже и видим сами ошибки.

Ошибку «Вероятно есть пустое поле» исправил, вернувшись во вкладку «Шаблон формы» и добавив пару звездочек. Было:

Сохраняем изменения. И ошибка «Вероятно есть пустое поле» пропала.

По ошибке «Электронный адрес отправителя не принадлежит домену сайта» в поле «От кого»: меняем на придуманный адрес. А в поле «Дополнительные заголовки» указываем Reply-To: .

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