Делаем красивый фон письма для рассылки в Justclick + Итоги конкурса комментаторов за сентябрь
И снова здравствуйте, уважаемые посетители блога! На связи с вами – Андрей и Даша, авторы Thebizfromscratch. Информацию, которую вы сегодня узнаете – довольно сложно найти в интернете, но она очень пригодиться людям, которые занимаются инфобизнесом. Речь пойдёт о том, как сделать письмо с фоном в сервисе рассылок Justclick.
Признаться, мы бы и не знали, что можно добавлять фон в сообщения для подписчиков, если бы однажды сами не получили красиво оформленное письмо. Намного приятнее смотрится и на самом деле приковывает внимание. Все же пуляют обычный текст с ссылкой и этим уже никого не удивишь, а тут… что-то новенькое! А как вы знаете, новенькое всегда притягивает людей. Нам, немедленно, захотелось сделать также!
Как мы догадались, всё дело во вставке правильного кода и подборе нужной картинки. Сейчас мы покажем вам, что и куда надо вставить, чтобы вашим подписчикам пришло что-то вроде этого (на скрине вы видите наш пример письма):
Естественно, изображение и текст – подбираете и придумываете лично вы. От нас код и инструкция, куда его вставлять.
Добавляем фон письма для рассылки в Justclick
- Заходим в аккаунт Justclick.
- В разделе «рассылка» нажимаем на «мгновенная» или «автоматическая», в зависимости от того, хотите вы создать обычное или серийное красивое сообщение. Здесь это, в принципе, не важно, т.к. код копировать можно в любой тип рассылки.
- В независимости от выбора, находим зелёную кнопочку «Добавить письмо» и кликаем по ней.
- Далее перемещаемся в самый низ открывшейся странички, непосредственно к форме, где прописывается текст сообщения. И жмём на «источник». Будьте внимательны, чекбокс должен стоять на формате html.
- Удаляем весь код, прописанный в окошке.
- На пустое место вставляем код, приведённый ниже:
<html>
<head>
<title></title>
</head>
<body>
<div style="background-image:url(http://здесь ссылка на Ваше изображение.jpg); width:600px; height:450px">
<h1 style="color:#000000; font-size:17px; text-aligh:center; font-family:'Comic Sans MS', cursive; padding: 40px 30px 30px 110px;">{$name}, Ознакомьтесь с проверенными способами</h1>
<p style="color:#000000; font-size:16px; text-aligh:center; font-family:'Comic Sans MS', cursive; padding: 5px 30px 20px 90px;">Мы приготовили для Вас хитрое решение. Пожалуйста просмотрите каждый способ, и начните действовать!!</p>
<h2 style="color:#000000; font-size:17px; text-aligh:center; font-family:'Comic Sans MS', cursive; padding: 1px 30px 1px 90px;"><a href="http://здесь ссылка на продажник">способ 1</a></h2>
<h2 style="color:#000000; font-size:17px; text-aligh:center; font-family:'Comic Sans MS', cursive; padding: 1px 30px 1px 90px;"><a href="http://здесь ссылка на продажник">способ 2</a></h2>
<h2 style="color:#000000; font-size:17px; text-aligh:center; font-family:'Comic Sans MS', cursive; padding: 1px 30px 1px 90px;"><a href="http://здесь ссылка на продажник">способ 3</a></h2>
</div>
</body>
</html>
Где:
— в строке background-image:url(http://…) в скобках указываете адрес выбранного изображения, затем его ширину (width) и высоту (height). Эти параметры не выдумывать, а посмотреть в свойствах картинки.
— далее, у нас идёт заголовок.
На своё усмотрение можете сами указать цвет, стиль и его размер. Важное замечание насчёт полей вокруг текста или другими словами, отступов (padding). Подбирайте значения так, чтобы ваш заголовок не вылизал за пределы вашей картинки. По нашему примеру отступы такие: 40px – сверху, 30px – справа, 30px – снизу, 110px – слева. После отступов, вписываете свой заголовок.
— затем основная часть сообщения.
Также можете менять цвет, стиль, размер, отступы и конечно, сам текст.
— после прописываются ссылки.
- Сохраняем.
Если вы всё правильно вписали, то в случае отправки сообщения подписчику – он получит красивое письмо. Теперь вы тоже знаете и сможете сделать письмо с фоном в сервисе рассылок Justclick. А если вдруг будут вопросы – обязательно задавайте их в комментариях, не стесняйтесь!
Итоги конкурса комментаторов за сентябрь
По счастливой традиции, 1 числа каждого месяца, мы объявляем победителя конкурса «самые общительные». В этот раз, явным лидером стал – Игорь. Наши поздравления 🙂 Дайте знать по поводу вашего электронного кошелька, вдруг изменился.
Пожалуй, на этом мы прощаемся. Самое время сходить прогуляться, подышать осенним воздухом. Желаем вам классной субботы. Пока!
С уважением, Андрей и Даша.
Приветствую авторов блога, Андрея и Дашу!
Кошелек не изменился и не меняется на протяжении трех с лишнем лет.
Мой кошелек Вебмани R234206402543
С Уважением к Вам,Игорь!
Поздравляю с победой, Игорь!
Ребят, приз получил,Благодарю.
Продолжаю участвовать
Ребята работают оперативно — и итоги подводят и приз высылают. Молодцы!
А ваш метод срабатывает только в JustClick или он применим и к другим рассыльщикам? Например, в SendPulse можно ли настроить красивые письма?
Применим для любых рассыльщиков, где есть переход в формат письма html (для работы с кодом)
А переход в формат html, есть везде, во всех рассыльщиках писем
Ольга, в SendPulse письма как хочешь можно настроить, на выбор