Делаем красивый фон письма для рассылки в Justclick + Итоги конкурса комментаторов за сентябрь

zadumalsya-okolo-cvetov

И снова здравствуйте, уважаемые посетители блога! На связи с вами – Андрей и Даша, авторы Thebizfromscratch. Информацию, которую вы сегодня узнаете – довольно сложно найти в интернете, но она очень пригодиться людям, которые занимаются инфобизнесом. Речь пойдёт о том, как сделать письмо с фоном в сервисе рассылок Justclick.

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

     Как мы догадались, всё дело во вставке правильного кода и подборе нужной картинки. Сейчас мы покажем вам, что и куда надо вставить, чтобы вашим подписчикам пришло что-то вроде этого (на скрине вы видите наш пример письма):nash-primer-pisma

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

Добавляем фон письма для рассылки в Justclick

  1. Заходим в аккаунт Justclick.
  2. В разделе «рассылка» нажимаем на «мгновенная» или «автоматическая», в зависимости от того, хотите вы создать обычное или серийное красивое сообщение. Здесь это, в принципе, не важно, т.к. код копировать можно в любой тип рассылки.
  3. В независимости от выбора, находим зелёную кнопочку «Добавить письмо» и кликаем по ней.
  4. Далее перемещаемся в самый низ открывшейся странички, непосредственно к форме, где прописывается текст сообщения. И жмём на «источник». Будьте внимательны, чекбокс должен стоять на формате html.kuda-peremeshhaemsya
  5. Удаляем весь код, прописанный в окошке.
  6. На пустое место вставляем код, приведённый ниже:
<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). Эти параметры не выдумывать, а посмотреть в свойствах картинки.kod1

— далее, у нас идёт заголовок.kod2

На своё усмотрение можете сами указать цвет, стиль и его размер. Важное замечание насчёт полей вокруг текста или другими словами, отступов (padding). Подбирайте значения так, чтобы ваш заголовок не вылизал за пределы вашей картинки. По нашему примеру отступы такие: 40px – сверху, 30px – справа, 30px – снизу, 110px – слева. После отступов, вписываете свой заголовок.

— затем основная часть сообщения.kod3

Также можете менять цвет, стиль, размер, отступы и конечно, сам текст.

— после прописываются ссылки.kod4

  1. Сохраняем.

    Если вы всё правильно вписали, то в случае отправки сообщения подписчику – он получит красивое письмо. Теперь вы тоже знаете и сможете сделать письмо с фоном в сервисе рассылок Justclick. А если вдруг будут вопросы – обязательно задавайте их в комментариях, не стесняйтесь!

Итоги конкурса комментаторов за сентябрь

     По счастливой традиции, 1 числа каждого месяца, мы объявляем победителя конкурса «самые общительные». В этот раз, явным лидером стал – Игорь. Наши поздравления 🙂 Дайте знать по поводу вашего электронного кошелька, вдруг изменился.obshhitelnye-za-sentyabr

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

С уважением, Андрей и Даша.


Комментарии:

4 Комментарии

  1. Игорь

    Приветствую авторов блога, Андрея и Дашу!
    Кошелек не изменился и не меняется на протяжении трех с лишнем лет.
    Мой кошелек Вебмани R234206402543
    С Уважением к Вам,Игорь!

    1. Елена

      Поздравляю с победой, Игорь!

  2. Игорь

    Ребят, приз получил,Благодарю.
    Продолжаю участвовать

    1. Елена

      Ребята работают оперативно — и итоги подводят и приз высылают. Молодцы!

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *