Рассылки
4.4.1 Интеграция с сервисом рассылок. Знакомство с MailerLite
[0:02] Артур Будовский (Speaker A): Коллеги, привет!
Меня зовут Артур Будовский.
В рамках этого видеоблока мы с вами будем разбираться с сервисом рассылок и интегрировать его в Tilda.
Непосредственно там, где находится ваш лендинг.
То есть свяжем между собой сервис рассылок и лендинг.
Итак, какие вопросы нам с вами нужно будет разобрать в рамках этого блока?
Нам нужно будет познакомиться с сервисом рассылок MailerLite.
Я расскажу, почему мы отдаем предпочтение этому сервису.
Также мы с вами займемся проверкой вашей учетной записи.
Расскажу, как здесь все происходит, потому что зарегистрироваться здесь недостаточно.
Нужно кое-какие настройки также реализовать.
Создадим определенные группы, формы и интегрируемся с Tilda.
И также разберем дизайн письма.
Я расскажу, как его сделать достаточно простым, вы сможете сделать это в любом случае без привлечения дизайнера.
Плюс покажу, как добавлять письма в ваш редактор.
Ну и, конечно же, как это все автоматизировать, чтобы люди при подписке непосредственно на вашем лендинге могли попадать сразу в группу и автоматически получать те письма, которые вы для них приготовили.
Итак, начинаем с регистрации.
[1:26] Артур Будовский (Speaker A): Точнее, этап регистрации я пропустил, потому что здесь точно сложности у вас никаких не возникнет.
После того, как вы зарегистрируетесь, вы попадете на вот второй шаг.
Это редактирование профиля, где вы должны заполнить подробно информацию о вашей компании или о себе.
Обратите внимание, что...
Здесь нужно, опять же, я этот этап пропустил, потому что здесь вы точно справитесь, вам нужно просто ответить на вопросы, которые есть в рамках этого профиля, в рамках этой анкеты, и, в принципе, никаких сложностей этот этап у вас не вызовет, соответственно, чтобы не терять время, не занимать у вас лишние минуты.
Этот этап также пропущен.
Теперь мы с вами подошли к этапу запрос на рассмотрение рассылки.
Перед тем, как отправить этот запрос, нам с вами кое-что нужно сделать.
MailerLite не может просто так дать вам возможность отправлять письма.
Им нужно убедиться, что вы не спамер, проверить немножко ваш проект.
На это уходит обычно около 24 часов.
Когда отправлять запрос на рассмотрение, мы с вами также разберем.
Но перед этим коротко расскажу, почему же выбор пал именно на MailerLite.
На сегодняшний день это один из лучших сервисов по соотношению цены и качества.
[2:50] Артур Будовский (Speaker A): Вы, безусловно, можете использовать другой сервис рассылок, если он вам уже привычней, если у вас уже работающий проект, который вы ведете на другом ресурсе.
Соответственно, эта информация, возможно, по выбору вам не особо пригодится.
Что же касается стартовых участников, если вы только начинаете или вы еще думаете, какой же сервис выбрать, я вам рекомендую все-таки MailerLite.
Почему?
Потому что здесь, как я уже сказал ранее, соотношение цены и качества достаточно хорошее, если не сказать, одно из лучших.
Здесь также есть возможность настроить антиспам-политику, которая в будущем вам пригодится.
Здесь есть абсолютно все опции, как для начинающего бизнеса, так и для уже такого солидного, который имеет базы в десятки, даже сотни тысяч подписчиков.
Поэтому, когда вы будете масштабироваться, вам не придется никуда переезжать и всю эту головную боль перевозить с собой.
Поэтому этот сервис, как по мне, на сегодняшний день идеальный во всех вопросах.
Более того, он еще и русифицированный, что также для большинства важно.
Теперь, когда мы с вами разобрались, какие же здесь преимущества, мы с вами переходим...
[4:14] Артур Будовский (Speaker A): К определенным настройкам, которые нужно сделать, их нужно сделать грамотно, чтобы мы могли отправить запрос на рассмотрение рассылки.
Мы заходим в правый верхний угол, выбираем здесь настройки аккаунта.
И у нас открывается страничка, где нужно дополнить нашу анкету.
Здесь вы добавляете название организации.
По умолчанию здесь будут подставляться все эти данные, которые вы заполняли на этапе анкеты.
Это тот этап, который мы с вами пропускали.
Единственное, чего здесь нет, это адрес.
Вы добавляете адрес вашего веб-сайта.
Очень рекомендую переходить сразу на HTTPS протокол, чтобы ваш сайт был защищен и защищены ваши пользователи в первую очередь.
Что касается дополнительной опции логотип, вы сможете ее отключить как только перейдете на платную версию.
Бесплатно вы можете пользоваться этим сервисом до 1000 подписчиков.
Практически все здесь опции есть.
Но если каких-то опций не будет, мы в любом случае с вами этот момент разберем и сможем устранить.
До 1000 подписчиков можно пользоваться бесплатно, но, естественно, MailerLite имеет здесь свою выгоду в виде логотипа.
Поэтому отключить эту опцию вы сможете, когда уже заплатите за тариф.
[5:47] Артур Будовский (Speaker A): Если я не ошибаюсь, как только вы переходите на платный тариф, эта опция по умолчанию отключается.
Обязательно нажимаем «Сохранить», потому что просто так переключением вкладок эта информация не сохранится.
Другими словами, если вы здесь что-то заполнили и переходите на эту вкладку, но при этом не сохранили, все эти настройки слетают.
Имейте это в виду, потому что кажется, что в рамках одной вкладки можно что-то сделать и потом все вместе сохранить.
Так это не работает.
Теперь, что касается вот этих полей.
У вас по умолчанию будет выглядеть это вот таким образом.
У вас будет имя отправителя и email отправителя.
Что вам нужно здесь написать?
Естественно, если вы просто развиваетесь как бренд, личный бренд на ваше имя является брендом, то вы пишете имя и фамилию свою.
Если же у вас компания и вы хотели бы, чтобы рассылка была от лица какого-то сотрудника, например, но не от вашего имени, то я рекомендую не просто писать «компания», я рекомендую писать имя и компанию.
Например, у вас компания называется...
Не знаю, давайте вот на примере «Арена».
Мы можем написать имя сотрудника, например, «Алина из Арены».
[7:08] Артур Будовский (Speaker A): Дальше на «Арене».
Ну естественно, нужно взять в кавычки.
Кавычки я вам рекомендую делать правильные, то есть не вот такие лапки, чтобы это были елочки.
Почему?
Почему не написать бы в поле вот так или как-нибудь еще?
Потому что рассылка от человека — это всегда ближе, это всегда интереснее, это всегда лучше, нежели просто когда она идет обезличена от компании.
Я думаю, вы много раз видели, когда у вас есть какой-то, допустим, Игорь.
Вот возьмем этот же Игорь.
MailerLite.
Игорь из MailerLite.
Гораздо лучше и интереснее прочитать эту рассылку.
Вы понимаете, что здесь есть лицо определенное за этим письмом, которое вам пришло.
Нежели вам просто сваливается письмо от MailerLite, например.
Здесь, поэтому, если от компании, понятно.
Если не от компании, имя и фамилия.
Что касается email отправителя, здесь вы указываете ваш домен, вашу почту под вашим доменом, который вы указывали в предыдущей вкладке.
Они, конечно же, должны совпадать.
Пишите почту существующую.
Почему?
Потому что вам придется ее подтвердить.
[8:41] Артур Будовский (Speaker A): Вот, например, когда вы добавляете ваш адрес, да, но здесь почему-то он уже не предлагает, но не важно.
Например, так.
Как только вы добавите свое доменное имя, вы сможете, вам нужно будет его подтвердить.
Это крайне важно.
То есть на этот email придет письмо, и там будут инструкции по подтверждению вашего доменного имени.
Это важно перед тем, как подать заявку.
Дальше, ну о заявке мы сейчас еще поговорим.
Дальше вы добавляете логотип вашей компании или вашего бренда, если он у вас есть, вашего проекта.
Если нет, пропускаете.
Логотип, обратите внимание, это не фотография, то есть свою фотографию сюда добавлять не нужно.
Дальше у вас есть социальные кнопки, вы можете также здесь их добавить.
Социальные кнопки есть здесь практически все, в том числе и мессенджеры.
Это сделано для удобства, чтобы эта информация подтягивалась потом в ваших письмах, но вы можете это и пропустить, можете заполнить, можете пропустить.
Почему?
Потому что мы с вами будем создавать шаблон письма и на базе этого шаблона вы будете делать последующие письма, и, в принципе, вся эта информация и так будет у вас подтягиваться.
Поэтому здесь можно всю эту информацию пропустить.
[9:41] Артур Будовский (Speaker A): Дальше по умолчанию можно все оставить, можно что-то отредактировать, если есть желание добавить, например, какую-то ссылку конкретную на отписку.
То есть человек, когда нажимает «Отписаться», вы можете открыть не стандартный текст, не стандартную страницу об отписке, а какую-то свою.
И поинтересоваться, почему он отписывается.
Быть может, сделать ему там какое-то специальное предложение и так далее.
Это уже вопросы усиления.
Я думаю, что пока мы здесь можем с вами оставить все по умолчанию.
Нажимаем «Сохранить».
У нас все сохраняется.
И, в принципе, этих настроек на старте нам достаточно.
Да, теперь нам нужно с вами зайти опять на вкладку «Обзор».
И здесь мы с вами уже можем отправить запрос на рассмотрение рассылки.
Запрос, как правило, рассматривается в течение 24 часов.
Если вам нужно, чтобы это произошло как можно быстрее, вы можете написать в поддержку.
Поддержка, как правило, идет навстречу.
В течение даже нескольких минут этот запрос может проверить.
[10:52] Артур Будовский (Speaker A): Но обратите внимание на то, что у вас по вашему доменному имени, по вашей ссылке, которую вы вбивали ранее, должен открываться полноценный сайт.
Это может быть просто лендинг, это может быть многостраничный сайт, и именно по домену, на главной странице, чтобы у вас был контент.
Если вы сейчас думаете о том, что как же мне так реализовать, если у меня, допустим, сейчас лендинг готов, но на доменном имени я бы хотел разместить что-то, не знаю, какой-то многостраничный сайт, а лендинг я изначально планирую на поддомене или, быть может, на вложенной странице по типу вашдомен.com/дальше ваш лендинг.
Я вам так скажу, что изначально, то есть хорошо, что у вас там в планах, быть может, уже есть какой-то масштаб.
Но на этапе проверки разместите, пожалуйста, то, что у вас есть уже готовое и рабочее, реальное.
Разместите, пожалуйста, на вашем доменном имени, чтобы люди зашли, которые из службы поддержки, и увидели, что это реальный проект.
[11:55] Артур Будовский (Speaker A): Таким образом, вы сможете пройти проверку.
А после того, как вы прошли проверку, никто уже больше не проверяет, что у вас там происходит с вашим доменным именем.
И вы можете уже переместить ваш лендинг на поддомен или на какую-то страничку вложенную, а на доменном имени на главной странице разместить уже что-то другое.
Но имеется в виду в рамках того же проекта.
На этом пока мы с вами завершаем и переходим к следующему блоку.
4.4.2 Интеграция с сервисом рассылки. Создание групп и интеграция с Тильдой
[0:01] Speaker A: Итак, коллеги, в этом видео мы с вами будем разбираться с формами MailerLite и с интеграцией MailerLite и Tilda.
Обо всем по порядку.
Начинаем с MailerLite.
Зачем нам здесь группы, которые мы с вами будем сейчас создавать?
Дело в том, что у вас в проекте может быть много разных задач и сегментов, и вам нужно понимать, как сегментировать свою аудиторию.
То есть у вас может быть один бесплатный вебинар на одну тему, второй бесплатный вебинар на другую, у вас могут быть платные и бесплатные консультации, у вас может быть просто подписка на сайте и так далее и тому подобное.
И, соответственно, вам нужно разобраться, где, кто, куда подписался и как с этим сегментом дальше работать.
Потому что если человек подписался на одно, это не значит, что мы ему можем отправлять все подряд.
Более того, вы должны понимать, для какого сегмента вы подключаете автоматическую серию писем, для каких вы отправляете регулярную серию писем.
Первым делом мы заходим в раздел с подписчиками.
Выбираем раздел группы.
И добавляем новую группу.
Как нам назвать эту группу?
Называйте ее так, чтобы вам было понятно.
[1:13] Speaker A: Если вы будете называть группа номер один, группа номер два, номер три, то через время вы очень быстро запутаетесь, потому что не будете понимать, где какой сегмент и кому что отправлять.
Поэтому если у вас есть, допустим, какой-то бесплатный мастер-класс, у него есть какое-то название, вы так и называете.
Это название видите только вы в данном случае, это для удобства внутри, скажем так, админской части, и никто эти названия больше не видит.
Поэтому вы пишете «Бесплатный мастер-класс», например.
И можно как-нибудь...
Давайте возьмем какое-нибудь попсовое название.
«Как найти себя».
Вы в целом можете и у себя называть так эту группу.
Если вам понятно, о чем эта группа, и вы там, грубо говоря, тремя словами можете обозначить, вы так и обозначаете.
Я к тому, что вам не нужно сюда большую идею писать или оффер обязательно.
Ни в коем случае.
Это просто для того, чтобы идентифицировать вашу аудиторию.
Нажимаете «Создать».
У вас появляется новая группа.
Эту группу вы можете удалить.
Она создается у вас, в принципе, по умолчанию.
И теперь нам что нужно?
У нас есть сервис MailerLite, у нас есть сервис Tilda, которые между собой никак не связаны.
[2:29] Speaker A: Нам нужно, чтобы люди, которые попадают на страничку в Tilda, созданную, где они регистрируются на ваш бесплатный вебинар, чтобы они попадали к нам сюда в базу.
И здесь мы им отправляли уже определенные письма.
Как это делается?
Мы заходим с вами в Tilda, у вас есть страничка opt-in, давайте зайдем сюда, посмотрим, все ли так выглядит, как это должно выглядеть у вас.
Сейчас у меня откроется шаблон, да, это шаблон, у вас все это уже как готовый продукт.
Ну и нам нужно, чтобы люди, когда нажимают на вот эту кнопку, да, или на кнопку, которая ниже, вот здесь, чтобы они попадали к нам в MailerLite.
Что нам для этого нужно сделать?
Для этого мы заходим с вами в настройки этой страницы.
Вот сюда.
Перейти в настройки.
Дальше у нас слева открываются вот такие разделы.
Мы выбираем формы.
Здесь мы находим с вами MailerLite.
Здесь нам нужно вставить ключ, наш секретный ключ, который мы находим в MailerLite.
Заходим теперь в MailerLite.
Здесь выбираем интеграция.
В интеграции мы с вами берем наш ключ, который находится в самом верху.
Нажимаем использовать API разработчика.
И вот наш ключ.
Мы его с вами копируем и вставляем вот в это поле.
Нажимаем «Далее».
И у нас вылетает группа контактов.
[4:04] Speaker A: Здесь крайне важно выбрать нашу группу контактов, которую мы только что создавали.
Потому что нужно, чтобы люди попадали именно сюда, а не просто к нам в базу.
Ну и более того, насколько я понимаю, если мы не выберем группу контактов, то здесь ничего у нас не получится.
Нам главное выбрать нужную группу, потому что когда у вас их появится уже несколько, вам нужно выбирать, чтобы люди попадали туда, куда вам нужно.
Теперь нажимаем «Добавить» и «Закрыть».
Посмотрим, все ли у нас с вами получилось.
Если не получилось, то, соответственно, будем разбираться.
Но я думаю, что все должно быть в порядке.
Заходим.
Так, ну, во-первых, нам нужно опубликовать нашу страничку.
Давайте по-другому сделаем.
Давайте зайдем сюда внутрь.
Так будет удобнее и проще.
Нажмем «Опубликовать».
И вот у нас наша страничка.
Открываем.
И теперь нам нужно, чтобы наша страничка подгрузилась, и мы с вами смогли зарегистрироваться и проверить, а попадут ли наши пользователи туда, куда мы хотим.
Нажимаем «Зарегистрироваться».
Да, что-то пошло не так.
Давайте проверим здесь.
Что же у нас пошло не так?
Непонятно.
Возвращаемся.
Давайте тогда оставим эту часть.
Я не буду специально переписывать это видео.
[5:30] Speaker A: Значит, посмотрим настройки.
Что у нас тут?
Точнее, не настройки, а контент.
Так, контент, контент.
У нас с вами ссылка для кнопки.
Здесь нет ничего, а должно быть.
То есть мы сюда ставим определенный идентификатор.
Давайте мы с этим идентификатором разберемся позже.
Точнее, прямо сейчас я вам покажу, где его взять и как.
Вам нужно сейчас нажать на плюсик.
Если у вас не срабатывает, я надеюсь, что вам будут давать страницу с готовым решением.
Но если вдруг у вас что-то не работает в таком виде, как у меня...
Нажимаем на плюсик, выбираем форму и кнопку.
Здесь находим всплывающую форму, которая нам подходит.
Например, форму подписки.
Нажимаем на нее.
Вы можете выбрать там другую, и мы видим, что да, данные будут отправляться в MailerLite, отлично, это то, что нам нужно.
Но нам нужно зайти в контент и посмотреть, как выглядит вот наша ссылка.
Ну, если можно ее назвать ссылкой, да, такой вот идентификатор, что ли.
Вот нам нужно скопировать вот это дело и вставить на нашу кнопку.
Либо мы можем, если у нас будет несколько форм или мы хотим просто по каким-то причинам переименовать, нам так проще.
Давайте мы это сделаем.
Например, мы пишем myform.
Ну и в целом этого достаточно.
[7:03] Speaker A: Копируем, здесь нажимаем «Сохранить» и «Закрыть».
И добавляем теперь это к нашим кнопкам.
То есть заходим в настройки этого блока теперь вверху.
И там, где у нас ссылка на кнопку, вот у нас ссылка для кнопки, мы сюда ее добавляем.
Сохранить и закрыть.
Теперь опубликовать и открыть страницу.
Смотрим, что у нас теперь получается.
Все отлично.
У нас вылетает та форма, которая должна быть.
Ну, как отредактировать, вы наверняка тоже уже разберетесь, если нужно будет.
Там же, в тех же настройках, где я эту форму выбирал.
Сейчас на всякий случай еще к этому вернемся.
Просто у нас здесь с вами совсем другие задачи.
Так получилось, что этот момент тоже захватили.
Давайте еще проверим форму, которая внизу.
Да, форма, которая внизу, она не работает.
Почему?
Потому что мы с вами ничего здесь не сделали.
То есть здесь мы с вами добавили всплывающую форму, а здесь мы с вами ее не добавили.
Соответственно, вы здесь также нажимаете плюсик, также выбираете форму, которая вам нужна.
И если вы хотите эту форму подправить, а вам нужно будет это делать, то, соответственно, во-первых, там, где у нас контент, мы помним, что мы поменяли идентификатор, соответственно, мы его здесь тоже меняем.
[8:30] Speaker A: Что касается настроек, заходим в настройки.
Так, так, немножко не сюда я зашел.
Да, контент.
Нам нужен контент.
И здесь вы можете вот уже подгрузить, изменить все, что нужно.
Например, эту шапку, соответственно, перевести на русский язык и так далее.
Здесь у вас все настройки.
И также нам нужно теперь вот здесь, да, изменить ссылку.
Также добавляем ссылку для этой формы уже.
И теперь все тоже должно срабатывать.
Вы можете назвать эти формы по-разному.
Например, давайте сразу это сделаем.
Для того, чтобы они у вас отличались.
Например, мы можем здесь делать myform1 условно.
Ну и соответственно, здесь вам тоже нужно подправить на myform1.
Все, у нас теперь вроде как все готово.
Нажимаем «Опубликовать».
Давайте здесь просто обновим страничку, посмотрим, все ли теперь у нас работает.
Все супер, все работает.
Теперь давайте подпишемся с вами и проверим, попадаем ли мы в MailerLite.
Я очень надеюсь, что вам не придется выполнять вот эту всю работу, которую я только что делал по вызову формы.
Но тем не менее, если придется, то вы будете знать, как это сделать.
Давайте вобьем какой-нибудь несуществующий адрес.
Нажимаем «Подписаться».
Данные успешно отправлены.
Спасибо.
[9:58] Speaker A: Так, ну что касается переадресации, это опять же немножко не сюда.
Вы можете выводить всплывающее сообщение вот такое.
Вы можете перенаправлять человека на другую страницу.
Все это делается в настройках этой формы.
Теперь также или же дополнительно, в общем с помощью дополнительных инструментов, которые есть в Tilda.
Сейчас опять же не об этом немножко.
Чтобы мы с вами не уходили от темы.
Заходим теперь в раздел с подписчиками и смотрим, а добавился ли Артур к нам сюда.
Все ли у нас сработало.
Артур тест, тест.ру только что добавлен, все хорошо.
И давайте проверим, есть ли он в группах.
Он добавлен не просто во все подписчики, он еще добавлен в нужную группу, которую мы создавали.
Да, все отлично, все тут, все на месте.
Соответственно, с этой задачей мы справились и переходим к следующей.
4.4.3 Интеграция с сервисом расссылок. Редактирование писем
[0:03] Speaker A: Итак, теперь в этом видео мы с вами разберемся с редактором писем, с конструктором.
Уверен, что сложности у вас не возникнет.
Здесь все достаточно интуитивно и понятно, но какие-то элементы разберем для того, чтобы было быстрее вам разобраться, в принципе, со всеми элементами, которые в конструкторе есть.
Давайте посмотрим все наглядно.
Значит, у нас есть раздел с письмами.
Заходим, создаем раздел.
Нажимаем «Создать компанию».
И здесь у нас есть выбор.
Перед выбором давайте я напишу там тестовое какое-то.
Вы, конечно же, сюда будете писать тему вашего письма.
Но мы, когда будем добавлять письма уже конкретные, мы с вами этот момент разберем.
Будем добавлять правильные заголовки, правильные темы.
Нажимаем «Далее», «Контент» и попадаем на выбор конструкторов.
Нам нужен конструктор Drag & Drop.
То есть в чем его преимущество, скажем так?
В том, что это прям вот реально конструктор.
У вас открывается форма, вы добавляете любые элементы, которые есть на панели, самостоятельно все редактируете.
Вам не нужен дизайнер, программист, какие-то еще специалисты.
Вам не нужно знание HTML языка.
Просто выбираете вот такой редактор и дальше делаете все, что вам нравится.
[1:25] Speaker A: При этом ваши письма получаются красивые, аккуратные, которые правильно открываются во всех браузерах, причем и на мобильных устройствах, и конкретно на компьютере, ну и так далее.
Вот у нас с вами загрузился небольшой образец, он нам в принципе не нужен, то есть вы можете вот прям брать и удалять блоки, но этим мы с вами уже будем заниматься позже.
Я бы хотел вас сейчас познакомить в принципе с этим конструктором, что мы перед собой видим.
Ну, по центру у вас непосредственно рабочая область, да, письмо, которое вы создаете.
Слева у вас есть все инструменты, которыми вы можете пользоваться.
Мы сейчас несколько разберем, и я уверен, что с остальными вы также справитесь.
А справа это область для настройки вот этих инструментов.
Сейчас в целом выведены глобальные настройки шаблона как такового, то есть то, что вы видите сейчас.
А теперь мы будем перетягивать какие-то...
Давайте вот на примере этого элемента я нажимаю «Отредактировать» и сразу видите, да, здесь у нас появляется редактура.
Когда вы что-то отредактировали, нажимаете «Сохранить» и все возвращается обратно.
Какие у нас есть элементы?
Например, логотип.
[2:35] Speaker A: Давайте перед этим еще скажу, что для удобства вы можете использовать только какие-то конкретные разделы.
Вот только шапка, только контент, блоки, которые касаются контента.
Какие-нибудь там кнопки.
Это в целом удобно, чтобы не пролистывать абсолютно все инструменты, которые у вас здесь есть или элементы.
Значит, давайте вернемся к логотипу.
У нас может быть шапка в 5 или 6 вариантах.
Просто логотип, логотип плюс название, логотип плюс навигация, логотип плюс навигация в две линии горизонтально, просто навигация, логотип плюс социальные сети и логотип плюс содержание.
Но этот вариант нам, наверное, не очень на данном этапе нужен.
Значит, мы с вами, например...
Берем логотип сюда, отправляем это, например, удаляем, нам не нужен.
И что мы можем здесь делать?
Нажимаем на такой карандашик, на иконочку.
Здесь вы можете изменить логотип, загрузить со своего компьютера.
Также ввести URL, для того чтобы при клике на этот логотип отправлялся на ваш сайт человек.
Здесь вы можете поменять заголовок, да, например, название компании.
Да, все верно.
Название компании вашей или ваш бренд, имя ваше.
В целом практически все.
Давайте еще зайдем в настройки.
Здесь есть отступы.
[4:11] Speaker A: Если вдруг у вас там слишком один блок к другому прилипает или вам хочется, чтобы они прилипли, вот с помощью вот таких вот отступов вы можете это все редактировать.
Ширина логотипа, если вам нужно, чтобы он побольше был, предположим.
Расположение логотипа.
Можно сделать вот так, поменять местами.
Не очень смотрится хорошо с названием компании.
Ну и по центру это выглядит вот так.
Ну вот это самый такой стандартный вменяемый вариант.
Можно изменить название текста.
Простите, настройки текста.
Можно задать какой-то определенный фон, сделать шрифт другой, например вот такой, сделать его больше, поменять цвет.
Ну, в общем, что угодно вы можете с этим сделать.
Но в том числе выравнивание.
Нам, допустим, так бы подошло, если бы мы сделали здесь по левому краю, а здесь соответственно по правому, и тогда у нас здесь все складывается, да, в этом плане.
Вот такие настройки достаточно простые, с которыми вы наверняка справитесь.
Что еще хотелось бы здесь показать?
Значит, контентную часть давайте еще посмотрим.
То есть есть у нас вариант с текстом вот в таком плане, в таком виде.
Есть вот такой.
Здесь небольшой, он с рамкой.
Здесь также все достаточно просто.
Это обычный редактор.
[5:39] Speaker A: Вы здесь пишете какой-то текст.
И в целом редактируйте опять такие, как вам нравится.
Здесь можно сделать больше его.
Здесь можно изменить цвет.
Здесь можно также сделать жирным или отдельно что-то подчеркнуть.
Я думаю, что сложности с этим редактором у вас также не возникнет.
Ну или если вам хочется какую-то ссылку добавить к слову, вы можете это сделать вот в таком ключе, плюс еще открыть ссылку в новой вкладке, если в этом есть необходимость.
Как только вы внесли необходимые все изменения, вы можете нажать «Сохранить» и все у вас сохраняется.
Что касается изображений, у нас с вами есть несколько блоков.
Есть блок конкретно вот такой отдельный, где вы просто добавляете свое изображение, которое вы загружаете через свой компьютер.
Также можете задать ему URL.
То есть по нажатию на это изображение человек отправляется на соответствующий сайт, который вы здесь указали.
Если поле пустое, то значит картинка не кликабельна.
Здесь также есть отступы, которые вы можете добавить.
Здесь есть еще ширина, которая есть по умолчанию.
[6:56] Speaker A: Есть вот по всей ширине и есть ваши настройки, которые вам хочется задать конкретно.
Выравнивание изображения, но это имеет смысл, когда у вас она не по всей ширине, безусловно.
Фон опять же, если в нем есть необходимость, также можно задать.
Давайте посмотрим, что у нас здесь изменится.
Ну, вот так это выглядит.
Вы, естественно, можете как выбирать какой-то конкретный, так и задавать конкретный цвет вот по палитре.
Ну, это важно, если у вас там сайт, скажем, в определенных тонах, и вы хотели бы, чтобы все соответствовало.
Есть еще у нас один интересный элемент, это видео.
Чем он интересен?
Тем, что вы сюда добавляете видео.
И это видео здесь, скажем так, немножко как бы проигрывается.
То есть она становится такая динамичная картинка.
И есть такой вот значок Play.
Часто люди нажимают только потому, что думают, что прямо здесь сейчас в письме это запустится.
На самом деле вас отправляют по ссылке, например, на YouTube, если вы здесь эту ссылку вставляете.
Есть еще дополнительные настройки, такие же, как мы только что смотрели по изображению, поэтому я думаю, здесь останавливаться дольше смысла нет.
[8:04] Speaker A: Что еще у нас интересного здесь есть?
Вот такие конкретные уже блоки, где вам не нужно делать самостоятельно, а этот блок уже готов.
То есть вы не просто стягиваете сначала изображение, потом отдельно заголовок, потом контент, потом кнопку.
Вы сразу можете стянуть блок и дальше уже в рамках этого блока что-то менять.
Но когда будем добавлять письма, посмотрим, насколько это удобно.
Я таким не пользуюсь практически, потому что мне все-таки удобнее делать эти элементы отдельно.
И тогда я не привязан к каким-то шаблонам в данном случае, что, допустим, кнопка только здесь.
Может, я хочу после кнопки добавить еще текст, а потом еще кнопку поставить.
Или что-то изменить, допустим, местами какие-то элементы.
То есть мне проще все-таки создавать ту структуру, которая удобна мне.
Что еще мы можем рассмотреть?
Это, конечно же, кнопки.
Давайте их отдельно выделим.
Вы можете две кнопки, три кнопки.
Их на самом деле можно делать сколько угодно в настройках.
Как это работает?
Вы перетягиваете сюда ваш элемент, нажимаете также настройки.
И в настройках вы сейчас увидите, что у нас откроется.
Да, должно подгрузиться.
[9:30] Speaker A: У нас также есть отступы.
У нас есть фон, который вы можете изменить.
Также сейчас белый, да, можете на любой поставить.
Но я не рекомендую фон, кстати, особо там трогать.
Хорошо смотрится черным по белому.
То есть белые письма вполне себе отличный вариант.
Кнопка может быть вот с каким-то нижним подчеркиванием.
Может быть с вот такой вот рамкой, обводкой.
Опять же, вы можете делать все что угодно.
Здесь относительно текста, относительно цвета шрифта.
Шрифт может быть больше, может быть жирный, он может быть в другом стиле.
Вы также, естественно, можете поменять непосредственно надписи на этих кнопках, написать все, что вам нравится.
Здесь вы можете изменить...
Давайте возьмем так.
Это цвет обводки, насколько я понимаю.
Это вот цвет вашей кнопки.
Можно делать в общем все, что вам нравится.
Радиус, скругление, если хочется, чтобы она была более круглой, эта кнопка.
Что касается...
Так, это у нас настройки дизайна.
Давайте сохраним.
Редактор устал.
Либо редактор устал, либо подустала моя машина.
Давайте мы еще раз посмотрим на то, как редактировать.
Вы можете, да, кстати, редактировать какую-то отдельную кнопку.
Можно редактировать сразу все.
Давайте попробуем нажать на сразу все.
[11:00] Speaker A: Но когда сразу все, почему-то...
Так, настройки дизайна, настройки кнопки.
Не позволяет редактировать текст, поэтому здесь выбираем отдельно.
Вводите название.
Да, что-то есть небольшие сложности с тем, что подтормаживает система.
Здесь вы также ставите ссылку на вашу кнопку, ну и сохраняете.
Давайте еще один элемент я вам покажу, который вам пригодится.
Это футер.
В целом мы опять же будем рассматривать так называемые подвалы уже в рамках создания письма, потому что мы будем делать конкретный шаблон.
Но тем не менее, вы давайте вот я один стянул, есть вот еще такой вариант.
То есть есть несколько вариантов, как это может выглядеть.
И вы также его без проблем редактируете.
То есть добавляете какую-то свою информацию.
Здесь какая-то информация подтягивается сразу относительно того, что вы заполняли в анкете.
А что-то вы можете отредактировать.
Например, кнопка «Отписаться».
Ее можно поставить чуть-чуть подальше.
Здесь ставите дополнительный пробел.
И, например, она должна...
Да, вот чуть-чуть ниже, да, пойти.
Также вы можете, «Вы получили это письмо», например, поменять какой-то текст и сделать вот так, вам хочется, например.
И никаких проблем, здесь все также меняется.
[12:42] Speaker A: В принципе, это основные опции.
Никаких сложностей у вас не должно возникнуть.
Вы понимаете, что слева вы выбираете элемент для вашего письма.
Справа, как только вы нажимаете на этот элемент, справа все настройки относительно этого элемента.
Менять можно практически все.
99% возможностей ваши удовлетворены с помощью этого редактора.
Ну а когда уже будем добавлять конкретные письма, там уже все это подробно разберем и сделаем как положено.
На этом все и переходим к следующему блоку.
4.4.4 Интеграция с сервисом рассылок. Дизайн письма
[0:03] Speaker A: Итак, мы с вами продолжаем, и в этом видео мы будем создавать небольшой дизайн вашего письма, добавлять все наши письма, ну и создавать шаблон, на базе которого все остальные письма вы также будете готовить.
Давайте все делать по шагам, как обычно.
Заходим с вами в раздел с письмами, нажимаем «Создать компанию».
И попадаем сейчас сразу же на тему письма.
Тема письма — это то, что будет видеть ваш получатель.
Поэтому отнеситесь к этому серьезно и не пишите здесь «шаблон номер один», «шаблон номер два» и так далее.
Мы с вами тему письма копируем.
У вас шаблоны уже есть, вы также можете импровизировать в этом плане, добавлять то, что вам нравится.
Дальше у нас все здесь подтягивается по умолчанию.
Здесь мы где-то с вами что-то недосохранили, видимо, потому что должен быть язык русский.
И нажимаем «Далее», «Контент».
Выбираем Drag & Drop.
И теперь подгружается наш конструктор.
Я вам покажу, как с ним работать и какой шаблон нам нужно сделать.
По сути, нам нужно сделать: логотип, дальше баннер, дальше заголовок, тело письма и футер.
Ну и там, где у нас тело письма, также могут быть определенные нюансы.
[1:30] Speaker A: Мы можем добавлять какие-то подзаголовки, если нам нужно.
Давайте разбираться.
Так, вот подгружается некий образец нашего письма.
Нам он не нужен, мы здесь все будем удалять.
Давайте начнем с вот этой части, которая у нас будет по умолчанию, и нам нужно здесь просто перевести.
Например, «Посмотреть в браузере».
Дальше, мы это сохраняем, здесь все достаточно просто.
Дальше нам нужен логотип, работа с логотипом.
Есть несколько вариантов: может быть просто логотип, логотип плюс название компании, логотип плюс навигация, меню, да.
Вот логотип плюс горизонтальная навигация, тоже интересный вариант.
И логотип плюс социальные сети.
То есть вы выбираете то, что вам больше нравится.
Если у вас уже такой масштабный проект, можно уже делать с навигацией, где можно также отправлять людей на определенные ссылки на вашем сайте.
Вот, если же вы там только начинаете, можно просто логотип поставить, но я рекомендую ставить логотип плюс социальные сети — это такой беспроигрышный вариант.
Мы с вами удаляем ненужный блок, вот делается это просто таким образом, нажимаете на урну.
[2:44] Speaker A: Здесь мы с вами должны отредактировать логотип, поэтому кликаем на вот, ну либо просто на блок, либо вот на вот такой карандашик, нажимаем «Изменить».
Здесь загружаете ваше изображение непосредственно с вашего компьютера, у меня уже подгружено, выбираем.
И добавляем.
И смотрим, что же с ним произошло, почему он такой маленький.
Давайте зайдем в настройки.
Да, и мы видим, что лого по умолчанию стоит 30 пикселей.
Поэтому мы увеличиваем до тех вариантов, которые нам подходят.
Ну, например, 80 пикселей смотрится уже нормально.
Естественно, ваше изображение должно быть по качеству больше, чем, соответственно, 80 пикселей, чтобы оно нормально смотрелось.
Больше, чем 80 пикселей.
Теперь идем с вами в «Содержание», снова возвращаемся точнее и видим, что здесь мы можем ввести ссылку нашего проекта, соответственно наш логотип станет кликабельным.
По нажатию на наш логотип люди будут попадать на наш сайт.
Дальше у нас идут социальные ссылки, здесь вы можете добавить все ссылки, которые вам нужны.
Я вам рекомендую не перегружать этот блок, чтобы у вас не было здесь 15 иконок, я думаю, что это очень много и не очень симпатично смотрится, но 4-5 основных добавьте, это важно.
Почему не отображаются?
[4:10] Speaker A: Я так подозреваю, потому что мы не ввели никакой адрес.
Давайте попробуем.
Я сейчас просто думаю, он таким образом должен подтянуть.
Так, ну Facebook у нас отображался.
Да, подтягивает нормально.
Здесь вы добавляете ссылки на свои сайты, на свои социальные сети и заходите еще раз в настройки для того, чтобы откорректировать форму социальных сетей.
Вот есть квадратные, есть прозрачные.
Ну и так далее.
Здесь можно выбрать цвет.
Ну вот, мне, например, нравится вот так эта история.
Но вы выбираете то, что нравится вам.
Дальше мы здесь, у вас есть отступы, если нужно, чтобы вы просто понимали, где этим пользоваться.
У каждого блока есть отступы.
То есть, если где-то у вас какой-то блок прилип один к другому, значит, знаете, что отступы этот вопрос решают.
Отлично, здесь мы с вами справились.
Дальше вы можете оставить вот, например, такой вариант, когда у вас есть заголовок.
Под заголовок какой-нибудь можно добавить баннер и дальнейший текст.
А можно сделать вот в таком ключе.
Мне это больше нравится визуально.
Давайте я сразу стяну.
И покажу, что вот такой блок вы можете сделать и самостоятельно.
То есть сначала давайте посмотрим на заголовок.
Простите, изображение.
[5:41] Speaker A: Заголовок, текст, кнопка.
Вот мы можем сделать это все самостоятельно также, чтобы не привязываться конкретно к этому блоку.
Может, он будет вызывать нам какие-то неудобства.
Соответственно, мы с вами берем отдельное изображение.
Вот есть прям потерялся здесь, вот у нас изображение отдельный блок.
Дальше у нас заголовок, вот у нас заголовок есть, вот название, да, так он почему-то называется.
Дальше текст, ну и соответственно кнопка.
Где у нас кнопки?
Я думаю, кнопки будут пониже.
У нас и отдельно вы ее перетягиваете, эту кнопку.
Вот, по сути, мы с вами сделали тот же блок, просто здесь уже изображение подгружено.
Вот, но не привязываясь к чему-то.
Но для удобства давайте мы сейчас это все поудаляем.
У нас здесь уже есть изображение, чтобы я не тратил время на подгрузку, загрузку.
И поработаем с этим блоком.
Есть еще интересная такая опция.
Называется разделитель.
Она позволяет визуально разделять какие-то блоки.
Ну и в принципе вот можно таким образом, например, отделить логотип.
Вообще блок с логотипом, да, от уже такого основного контента.
Давайте зайдем в настройки разделителя.
Я думаю, вы видите, что я конкретно делаю.
Поэтому я, быть может, не комментирую прям каждый шаг.
[7:03] Speaker A: Выбираем другой цвет.
Добавляем размер разделителя.
Ну и в принципе давайте верхнюю, например, границу, отступ уберем.
Ну и вот в целом мы видим, что у нас немножко отделилась эта история.
Можно убрать и нижнюю границу, например.
Тогда это будет выглядеть, ну как по мне, даже симпатичнее.
Плюс вы можете, давайте, чтобы удобнее мне было подхватить этот элемент, мы можем также продублировать.
Вот эта иконка — это дублирует блок, если вам нужно его продублировать и поставить выше.
И тогда здесь мы также убираем верхний блок и нижний блок.
Простите, отступ.
Верхние отступы в этих двух элементах.
И вот в принципе то, что у нас уже получается визуально.
Это можно делать, можно не делать.
Просто я вам показал как вариант, который можно в будущем использовать.
Давайте пока уберем эту историю.
Так, удаляем.
Изображение у нас с вами есть.
Если вы используете на изображении текст, то в принципе ваш заголовок, да, вот этот заголовок можно не писать.
Если не используете, то, соответственно, здесь можно его продублировать.
Ну, давайте, у нас здесь текста нет, поэтому мы заходим.
Ну, давайте напишем что-то другое, потому что для темы письма подходит, а для заголовка давайте вот так.
[8:40] Speaker A: Чтобы не было там скобочек и прочих вещей.
Обязательно прочитайте это письмо.
Дальше мы с вами копируем текст, который у нас с вами есть.
Так, «Привет, имя».
Сейчас разберемся, что делать с именем нашим.
И вот в этот блок мы копируем весь наш текст.
Теперь мы с вами будем его редактировать.
Но первый момент, я не знаю, почему он здесь отображается по центру.
Да, нам не подходит этот блок.
Нам этот блок не подходит.
Почему?
Потому что подходит.
Все в порядке.
Я думал, что он не все копирует.
Ну, как-то очень странно скопировал.
Давайте попробуем еще раз.
Давайте я это удалю.
Еще раз заходим.
То есть у нас должно все закончиться «качеством».
А вот этими «качество 1, качество 2».
А он почему-то очень странно, видите, отправляет.
Ну, соответственно, есть у меня подозрение, что это какие-то глюки в этом блоке.
Поэтому что мы делаем?
Мы этот текст просто удаляем.
И что касается кнопки.
Кнопку, наверное, тоже вот таким образом удаляем.
Сохранить.
Все, здесь у нас получился отступ достаточно большой.
Давайте посмотрим настройки.
Нижний отступ убираем.
Нажимаем сохранить.
Все супер.
То есть заголовок мы здесь можем оставить с изображением.
Все лишнее мы убрали.
[10:11] Speaker A: Теперь давайте мы стянем наш текстовый блок.
Они где-то здесь вверху.
И будем уже с ним работать.
Он не должен работать вот так странно, как он работал только что.
Хотя не исключено, конечно.
Да, что-то здесь происходит не то.
Не знаю, почему он так копирует.
Но мы будем делать все вручную.
Итак, давайте посмотрим, что у нас происходит в целом.
«Привет», вот прямая ссылка.
Если вы сейчас...
Тюрьма 1, 2, 3.
Давайте посмотрим, как он у нас все это подтягивает.
Можно сделать вот так.
И сделать вот таким образом.
По левой.
Форматирование с левого края.
Вот прямая ссылка.
Если вы сейчас тюрьма 1, 2, 3.
Теперь смотрим дальше, что у нас.
«Хотите решить проблему?»
«Вот что вы получите».
Копируем.
Вставляем.
«Вот что вы получите».
Здесь должны вставиться нормально уже.
Так и есть.
«Увидимся на тренинге».
Так, «Ваше имя».
Ну и вот эту часть мы также копируем.
И вставляем.
Здесь какие-то непонятные сложности при копировании всего сразу.
Давайте попробуем использовать маркеры, которые здесь предлагаются.
Это они и есть.
Он сразу подхватывает эти маркеры.
Я так подозреваю.
Да, но он почему-то не хочет подтягивать их обратно.
Это я сделал просто возврат.
Ну, значит, подтягивается...
Просто с документа.
[11:49] Speaker A: Есть еще такой момент, что наш Word документ имеет определенные стили уже здесь.
Поэтому, когда мы их добавляем в какой-то другой редактор, по типу как в MailerLite, он эти стили копирует и начинает где-то в том числе глючить.
Это нормально, когда такой конфликт между редакторами.
Поэтому вы можете, чтобы не было таких сложностей, перед копированием в редактор сначала скопировать в какой-нибудь блокнот, там, где все стили сотрутся.
И потом из блокнота уже скопировать непосредственно в редактор.
Тогда никаких нюансов не будет.
Давайте я хочу просто проверить, все ли у нас нормально здесь.
Давайте сделаем вот так.
Предположим, что это у нас список какой-то.
Да, он его подтягивает и подтягивает в том же стиле.
Соответственно, здесь у нас с вами все в порядке.
Давайте поработаем теперь с этим текстом.
Значит, списки у нас уже отредактировались.
Но давайте посмотрим, как это выглядит здесь, в этой части.
Я бы текст сделал черным по белому, во-первых.
Я бы сделал его, наверное, немножко крупнее.
Плюс нам нужно здесь подставить кое-какие переменные, чтобы все было верно.
Давайте этим и займемся.
Итак, сначала уберем здесь всю ненужную информацию, ненужные пробелы.
Выделяем.
[13:16] Speaker A: Дальше мы смотрим, это у нас цвет текста.
Делаем его черным.
Так, черный текст подтянулся, но что-то не особо.
Может быть, это максимально черный, который здесь есть.
Давайте попробуем оранжевый.
Оранжевый работает, значит, работает и черный.
Значит, это максимально черный, который...
Вот, теперь сработало, потому что до этого был серый.
Дальше у нас с вами размер.
Давайте вот так сделаем.
Попробуем 14.
Мне кажется, что 14 может быть многовато.
И опять какая-то история с цветом.
В общем, есть у меня подозрение, что мне придется копировать все это в какой-то блокнот.
Давайте 16.
16 там много уже будет, наверное.
Но в целом можно и такое ставить.
Да, можно и 16 сделать, но, наверное, 14 тоже было нормально.
Так, вернется ли он к 14?
Вот немножко подглючивает.
Почему-то редактор, не знаю, быть может только у меня, быть может в принципе.
Так, видите, да, что с ним происходит?
Давайте мы вот так сделаем.
Мы сейчас сохраним.
И зайдем еще раз в редактирование.
Бывает и такое.
Делаем черный.
Но не так, чтобы он прям с удовольствием это делал.
Так, сохранить.
Давайте будем через сохранение.
И мы с вами убедились, что сейчас здесь размер нормальный.
То есть 12 пикселей нормальный.
[15:09] Speaker A: Так, теперь нам нужны переменные.
Есть у нас вот эти переменные, насколько я правильно помню, да.
Мы вот эту часть удаляем и выбираем имя.
Соответственно, если вы собираете, это важный момент, если вы на форме, в вашей форме есть имя и email, когда люди подписываются, соответственно, вы здесь можете поставить «Привет, запятая» и, например, Андрей.
И не забудьте пробел вот здесь поставить.
Только не так пробел, а вот здесь после.
Вот здесь он должен быть.
Чтобы не склеивалась с запятой ваша переменная.
Если же вы не собираете...
Так, здесь у нас не запятая, а точка.
Если же вы не собираете никакие имена и собираете только имейлы, тогда вы здесь вместо name ставите там «Привет, партнер» или «Привет, коллега», «Привет, читатель», что угодно.
Дальше, «вот прямая ссылка на тренинг».
Здесь у вас название тренинга ваше.
Если вы сейчас прописываете тюрьму нашей целевой аудитории и хотите решить проблему, чтобы получить результат, здесь вы также подставляете необходимые вам данные.
Я пошагово вас проведу к четкому пониманию того, что нужно делать в первую и вторую очередь в ближайшие 30 дней.
Здесь мы можем...
Убрать лишний пробел, хотя он так не отображался.
[16:40] Speaker A: А вот что вы получите за, допустим, 10 минут этого тренинга.
Предположим, да?
И посмотрите, опять меняется цвет.
Но я очень надеюсь, что у вас так глючить не будет эта история.
Давайте еще раз сделаем так, сохранить.
Ну, давайте тогда с цветом поработаем в самом конце.
Потому что он при редакторе почему-то сбрасывает эти настройки.
Вероятно, что это связано с блокнотом.
Точнее, со стилями, которые копируются непосредственно с документа.
Вот если делать через блокнот, скопировать из документа в блокнот, из блокнота сюда, никаких сложностей быть в принципе не должно.
Дальше «Увидимся на тренинге».
Наверное, это правильнее сделать вот так.
Давайте посмотрим в шаблонах.
Так, «Ваше имя».
«Привет, имя».
«Ваше имя» — это непосредственно ваше имя, то есть автора письма.
Соответственно, мы можем так оставить.
Здесь переменной, насколько я знаю, должен быть тоже автор.
Но в целом нет.
Вот конкретно у MailerLite такого нет.
Можете написать там просто «Увидимся на тренинге», там Иван Иванов.
Дальше.
Кстати, если вы хотите стать частью классного сообщества, многие из которых уже решили, так-так-так, присоединяйтесь к нашей Facebook-группе, где мы охотно делимся лучшими практиками.
[18:11] Speaker A: Можно сделать вот так.
Вот ссылка на группу.
Давайте мы немножко что-то удалим.
Многие члены сообщества говорят, что в этой бесплатной группе они за месяц получили больше, чем в платных программах, за которые они заплатили 300-400 долларов.
Ну, доллары я бы сделал вот так.
Группа вам будет особенно интересна, если вы и здесь описываете свой аватар.
Вот здесь и цените.
1, 2, 3, да, ваши качества.
В принципе, вот так мы можем поработать с этим письмом.
При этом, обратите внимание, если у вас есть еще что-то, вы хотели бы сделать в качестве подзаголовка, вы можете сделать следующим образом.
Например, предположим, что у нас здесь, вот в этой части, мы хотим сделать подзаголовок еще.
Мы можем либо сделать это вот в таком ключе, написать подзаголовок, сделать его вот так, крупнее, там 20 пикселей, наверное, даже побольше.
Ну, пусть будет 20.
Можно caps lock, можно использовать вот в том же стиле, который у нас есть здесь.
Поэтому пишем подзаголовок.
Немножечко подтормаживает.
Давайте еще раз под заголовок.
В общем, редактор, возможно, это связано с моей машиной конкретно.
Возможно, это связано, в принципе, с тем, что они не так давно его обновили.
Давайте 28 сделаем.
По центру сделаем.
[19:52] Speaker A: Так, это у нас немножко не то.
Вот здесь у нас по центру.
Ну и жирным.
И черным цветом.
Черный цвет.
Но черный не срабатывает.
Сейчас мы с этим справимся.
То есть вы делаете вот в таком ключе.
Или же вы просто добавляете отдельные элементы.
То есть заходим здесь, сохраняем.
Сейчас мы там все, конечно, допилим и сделаем как положено.
Сохраняем эту историю, добавляем отдельно подзаголовок, то есть в эту часть вы просто удаляете, например, ну или там копируете, да.
Дальше перетягиваете подзаголовок и снова текст.
И делаете это вот в таком ключе, только наоборот.
Вот в таком ключе вы также размещаете подзаголовок текст, если вам нужно его сделать.
То есть это несколько вариантов, как можно реализовать.
Вот здесь мы, по-моему, что-то меняли, но так меняли, что оно почему-то не сохранилось.
Так, «Обязательно прочитайте это письмо».
Сохранить.
Здесь у нас получился большой отступ, но я его уже меньше сделать не могу.
Если вы будете делать отдельное изображение под заголовок, вы этот отступ сможете уменьшить.
То есть здесь я вот максимально убрал.
А, ну давайте, быть может, тут еще немножко уберу сверху, если есть.
Да, вот есть верхний.
Мы его так подвинем.
И у нас...
[21:26] Speaker A: Это также должно чуть-чуть стать...
А, нет.
Ближе особо не становится.
Теперь давайте отредактируем всю эту историю, которая у нас получилась.
А именно, попробуем все-таки добиться еще раз...
Через оранжевый цвет мы с вами выяснили, что это работает, да?
Но уже и через оранжевый не работает.
Да, или дважды нужно нажимать, и ему тогда нормально.
Ну, видите, да, что происходит с редактурой.
Потому что вот то, что мы с вами отредактировали вот этот подзаголовок, он также почему-то стал другого размера.
Давайте попробуем увеличить, но вот пока вроде бы нормально.
Ну и здесь я очень переживаю, мне бы здесь еще добавить вот такой пробел, на все нормально добавился.
Но и здесь можно добавить, но вроде тоже нормально.
Так, хорошо, вроде бы с трудом, но мы с вами справились с этой частью.
Дальше мы с вами убираем все ненужные блоки.
Когда у вас здесь уже будет конкретно ваше письмо, безусловно, все это будет выглядеть красивее, потому что здесь будут более такие развернутые блоки.
Блоки, буллеты, ваши маркированные списки.
Плюс вы можете добавлять где-то еще изображение, разбавлять, если нужно.
Дальше мы с вами удаляем эту часть, вот эту часть изображения.
Ненужные кнопки, блоки и так далее.
[23:02] Speaker A: Вот такой блок.
И вот у нас с вами есть еще футер.
Вы можете по футеру, вот, кстати, есть еще и разделители, и разделитель тоже вот здесь, например, можно отделять, как я вам говорил, да, как мы делали вверху, вот здесь, также и снизу вы можете отделить ваш футер, чтобы было понятно, что это у нас шапка, это у нас футер.
Давайте вот так, вот так, например.
И уже вроде бы тоже посимпатичнее.
Вот эти разделители, они добавляют в письмо также небольшие элементы дизайна.
Дальше мы с вами работаем с футером.
Футеров у нас с вами несколько.
Вот они в самом конце.
То есть вы можете поработать.
Раньше они предлагали их здесь перелистывать.
Сейчас такой возможности нет.
Но вы можете постягивать какие-то варианты и посмотреть, какие вам больше нравятся.
Также с логотипом.
Вот здесь вот такой более развернутый футер.
В общем, можно выбрать, который вам больше подходит.
Но давайте, допустим, мы с вами оставим вот такой вариант.
Здесь у нас будет...
Заходим в настройки.
Вот эту часть, например, можно вообще убрать.
Не вижу в ней особой необходимости.
Название компании, ну, предположим, можем оставить.
Дальше у нас социальные кнопки, где вы добавите все ссылки.
[24:30] Speaker A: Но если вы их добавите один раз, они здесь также подтянутся.
Ссылка «Отписаться».
Иногда я делал...
Да, сейчас такой возможности, наверное, уже нет.
Или есть.
А, вот здесь я это делал, через этот редактор.
Вот так, чтобы она немножко была отдельно, на нее случайно там не нажали.
«Вы получили это письмо, потому что регистрировались на нашем сайте или сделали у нас покупку».
Здесь вы также можете отредактировать эту часть, так как вам больше нравится.
Ну и, в принципе, вот в таком ключе ваше письмо заканчивается.
Можно еще раз продублировать, например, разделитель наш, поставить его снизу.
И вот так у вас будет отделен футер.
Но если вы будете так футер отделять, то я бы вам рекомендовал и здесь отделить так шапку.
Вот так выглядит ваше письмо.
Есть баннер, есть текст, который у вас будет поинтереснее выглядеть, я вас уверяю.
Вот есть футер, все работает, все хорошо.
MailerLite пока убрать не можем.
Но как только вы перейдете на платную версию, вы сможете эти моменты также решить.
На этом пока все.
[25:40] Speaker A: Моя задача сейчас добавить еще несколько писем, но я вам также хочу показать, как теперь на базе этого письма, чтобы вот это все не делать несколько раз, вы можете сделать еще дополнительно второе, третье, десятое письмо и так далее.
Но с этого мы начнем следующий блок.
4.4.5 Интеграция с сервисом рассылок Добавление писем и их автоматизация
[0:02] Speaker A: Итак, друзья, мы с вами продолжаем.
В связи с тем, что мы регулярно обновляем контент, регулярно обновляем какие-то видео, у вас могут немножко не совпадать визуально данные, которые вы посмотрели в предыдущем видео и теперь посмотрели в настоящем видео, в новом видео.
Например, вот здесь, если вы смотрели информацию по загрузке шаблонов, здесь, вероятно, у вас немножко другое письмо, выглядит оно иначе, но это не имеет никакого значения.
Я единственное, что хочу добавить, если вы остановились на том, что вы загрузили шаблоны писем, для того, чтобы они у вас были в черновиках, и остановились на этапе, когда вы редактируете письмо, но вы его еще не сохранили, то есть вы добавляете свое первое письмо, но еще не сохранили, не нажали вверху оранжевую кнопку, соответственно у вас его еще нет в черновиках.
Соответственно, вот с этого момента мы с вами можем и продолжить.
Единственное, что у вас сейчас это письмо будет выглядеть иначе, не так как в предыдущем видео.
Соответственно, вверху справа у вас сейчас появится кнопка «Все готово».
«Редактирование завершено».
После того, как вы нажмете, если еще не нажимали, у вас в черновиках появится ваше письмо.
[1:34] Speaker A: Вы также можете видеть, что заголовок явно не совпадает с тем, который у вас был в предыдущем видео.
И сейчас, когда вы нажали на Done, у вас система спрашивает, а кому мы будем это письмо отправлять.
Пока никому не будем отправлять, потому что у вас задача добавить все шаблоны писем, которые у вас есть в черновике.
Поэтому вы просто здесь, опять же, заходите в раздел с письмами.
И видите, что у вас в черновиках появилось одно письмо.
Таким образом, вы создаете несколько писем, все которые вам нужны для напоминающей серии и письма, которые вам нужны для дожимающей серии.
Теперь перейдем к тому, чем мы с вами будем заниматься в рамках этого видео.
У нас с вами задача приглашать людей на наш вебинар.
После того, как они подписались, нам нужно отправлять им письма.
Есть понятие регулярной автоматической рассылки.
Чем они отличаются?
Автоматическая серия писем, автоматическая рассылка — это рассылка, которая отправляется человеку сразу после подписки в заготовленном сценарии, в определенном порядке, который вы создаете заранее и так далее.
[2:50] Speaker A: То есть неважно, сегодня я подписался или через неделю я к вам подписался, я буду получать все письма в том порядке, который вы заготовили, начиная с первого, заканчивая последним.
Если же мы говорим о регулярной рассылке, которая применяется для живых встреч, а у вас будет именно живая встреча, живая имеется в виду прямой эфир, мы не можем отправлять автоматическую серию писем.
Почему?
В таком случае, если, например, у вас есть какое-то мероприятие на какой-то определенный день, и кто-то подпишется за 5 дней до этого мероприятия, кто-то подпишется за 2 дня.
И если у вас заготовлена серия писем автоматическая, что вы отправляете в течение первых 5 дней по одному письму человеку за 5 дней, то те люди, которые подпишутся за 5 дней до события, все нормально.
Они действительно придут вовремя, автоматическая серия сработает хорошо.
Но те, кто начнет подписываться за 4 дня, за 3, за 2, соответственно, им смещается также на 1, на 2, на 3 дня вся эта цепочка.
И приглашения на вебинар они будут получать с опозданием в 1, 2, 3 дня и так далее.
Но я надеюсь, что здесь удалось мне объяснить, почему мы в таком случае применяем регулярную рассылку.
Регулярная — это, грубо говоря, ручная.
[4:11] Speaker A: В том плане, что вы заходите и отправляете прямо сейчас.
Так вот, предположим, как вообще эти письма отправлять.
Предположим, что у нас с вами сегодня отправка первого письма.
То есть вы знаете, вы запланировали заранее, что у вас идет отправка писем в течение пяти дней.
Каждый день вы отправляете по одному письму в течение пяти или трех или четырех, как вам будет удобно.
И вам нужно отправить сегодня первое письмо.
За 4 дня до события.
Завтра вы отправите письмо, которое за 3 дня до события.
Послезавтра, которое за 2 дня.
И вы будете отправлять по всей группе, по всему сегменту письма, которые за три, за два, за один день.
То есть вам не нужно сегментировать эту базу еще и по дате подписки и смотреть, что так: если человек подписался сегодня, то мы им отправляем это письмо; если завтра, то мы ему отправляем письмо, которое мы отправляли вчера тем, кто подписался вчера, и так далее.
В общем, сейчас постарайтесь не запутаться.
Задача такая, что мы теперь просто ежедневно отправляем в заготовленном у нас сценарии, который мы себе придумали, наши письма.
Например, за 4 дня.
И вот предположим, что это письмо, которое нам нужно отправить сейчас.
За 4 дня до события.
Итак, что нам нужно сделать?
[5:31] Speaker A: Мы на всякий случай...
Заходим еще раз в контент.
Если у вас тема называется как положено, то вы не редактируете.
Давайте предположим, что у нас проблемы с темой.
В том числе мы что-то загружали в черновики и что-то у нас не получилось.
Поэтому мы заходим сразу в тему и редактируем.
Наш заголовок.
Например, «Через 4 дня прямой эфир».
Дальше у нас здесь есть наши данные, которые подставляются автоматически.
У нас есть наше письмо, которое уже готово к отправке, но на всякий случай перед тем, как его отправить, есть смысл проверить и перечитать его еще раз.
Я также рекомендую вычитывать на определенные ошибки, которые могут быть: опечатки, типографические ошибки, в том числе, когда, допустим, пробелы стоят неправильно возле знаков препинания, когда часто бывает на Арене, вижу среди участников, что вы ставите, например, пробел, потом запятую, потом пробел.
Так быть не должно.
Или бывает, что слово заканчивается, ставим пробел, запятую, потом пробела нет, начинается другое слово.
Так быть не должно.
С этим моментом тоже нужно разобраться.
Так вот, здесь у нас все в порядке.
Мы почитали, посмотрели, все хорошо.
Можно отправлять.
Нажимаем «Готово».
[7:00] Speaker A: И сейчас нас перенаправит система на отправку нашего письма.
Перед тем, как мы будем отправлять, система спросит также, кому мы хотим отправить.
Мы можем отправить всем.
Ну, если у вас одна группа сейчас, вы можете, в принципе, и всем отправить.
Но я рекомендую изначально себя приучать к правильным действиям и выбирать группы, по которым вы планируете отправить.
Так вот, если у вас есть конкретная группа «Бесплатный мастер-класс: как найти себя», соответственно, вы выбираете эту группу.
И дальше у вас кнопка активируется.
Далее «Предпросмотр и подтверждение».
Нажимаете «Далее», «Предпросмотр и подтверждение».
И сейчас у мы увидим следующие данные.
У нас есть тема, у нас есть наш контент, у нас есть получатели.
Да, мы подтверждаем и переходим к времени отправки.
Теперь, что мы можем сделать?
Мы можем отправить прямо сейчас.
Для этого вы можете...
Посмотреть на свои часы и подгадывать, когда вы хотите отправить это письмо.
У вас все готово.
В принципе, отправка готового письма занимает максимум 5 минут.
Поэтому, если вы решаете отправить, допустим, в 19.00 по московскому времени, вы можете зайти в 19.00, грубо говоря, в MailerLite и сделать отправку.
[8:23] Speaker A: Если вы не хотите подгадывать конкретные минуты и дни, вы можете сделать «Отправить позже».
Но это все равно делается в рамках одних суток, когда мы делаем регулярную рассылку.
В целом-то вы отправить можете здесь хоть через полгода письмо.
В плане у вас есть такая возможность.
Вы можете выбрать что угодно.
Но у нас задача отправлять по письму ежедневно, чтобы люди получали нужные письма.
И весь сценарий, который у нас заготовлен заранее: если человек записался за два дня до мастер-класса, то первые два письма, которые отправлялись до этого тем, кто подписался заранее, он не получает.
Он продолжает получать только те письма, которые вот-вот уже к вебинару.
Поэтому вы можете зайти, например, в 3 часа дня, условно, да, все это подготовить и выбрать здесь «Отправить позже» и выбрать 19.00, например, да.
Ну, только сейчас у меня это не получится сделать в это время, потому что я записываю позже, но предположим, что у нас с вами 6 апреля и мы выбираем 19.00.
Дальше здесь у нас текущее время в часовом поясе.
И есть еще одна опция.
Я хочу, чтобы вы о ней знали, но хочу, чтобы вы ее не пользовались.
Значит, объясню, потому как можно попасть в неприятную ситуацию.
[9:54] Speaker A: Вы выбираете «Отправить позже», если нужно.
И вот здесь у вас кнопочка «Отправить» появится, как только у вас пройдет ваш аккаунт верификации.
То есть, когда вы его подтвердите, тогда будет все хорошо.
Хорошо.
Надеюсь, что он у вас уже подтвержден и все в норме.
Есть ли у нас «Отправить сейчас»?
Ну, у меня здесь та же ошибка.
То есть, по сути, нам остается только отправить.
Надо нажать «Отправить».
Я думаю, что необходимости в том, чтобы это демонстрировать, нет.
Да и в целом я бы эту кнопку не нажимал.
Опция, о которой я вам хочу рассказать.
Это вот доставка по часовым поясам.
В чем ее преимущество?
Преимущество в том, что вы можете сделать, чтобы все люди относительно своего часового пояса получали письмо в нужное вам время.
То есть, где бы человек не находился, чтобы по его местному времени это письмо пришло, например, в 7 часов.
Чем это удобно?
Тем, что когда вы, например, отправляете письмо в 8 по Москве, и для людей, которые живут в этом часовом поясе, это как бы нормально, все хорошо, люди еще смотрят почту и так далее, но где-то уже на востоке дальнем люди спят, причем давно.
И им это письмо приходит ночью, и, соответственно, они его посмотрят только утром.
[11:08] Speaker A: Можно пользоваться этой опцией.
Скажу по опыту, что не так, что есть в ней прям какая-то большая необходимость.
Но знайте следующее, что когда вы выбираете доставку по часовым поясам, она может показаться вам очень привлекательной.
Люди, которые сейчас живут дальше, с плюсом дополнительным к вашему времени, пока вы отправляете, они могут получить это письмо аж где-то через сутки.
То есть вы, например, сейчас отправляете в 20.00 по московскому времени и ставите доставку по часовым поясам.
То люди, у которых уже 21.00, условно, всего лишь на час позже, они получат ваше письмо через 23 часа.
Потому что у них через 23 часа будет 20 часов по их времени.
Вот это важный момент, поэтому пользуйтесь просто опцией «Отправить позже».
Ну и у всех это придет письмо в 20.00, например, ну в данном случае 22.15 по московскому времени.
Ну а у кого это какое местное, это уже другой вопрос.
Вот таким образом вы отправляете первое письмо и планируете его.
Следующее письмо вы отправляете на следующий день.
Его также можно запланировать заранее.
Но я стараюсь этого не делать.
Почему?
[12:28] Speaker A: Потому что когда вы делаете вот такую планировку, у вас люди, которые добавляются к вам в группу, они не попадают в эту планировку.
Другими словами, может быть сейчас, конечно, что-то уже изменилось, но раньше было так.
Наверное, есть смысл этот момент тоже уточнить в MailerLite.
То есть в чем был недостаток, что можно было бы не через автоматизацию, а через планировщик.
Все свои письма запланировать, да, чтобы у вас сегодня отправилось, завтра, да, потому что даты позволяют, вы можете на следующий день запланировать, потом на следующий день, да, поставить все это в 7 вечера, и ваши письма будут вот так по очереди уходить.
Но суть такова, что при таком подходе, когда вы планируете, например, письмо, вот сейчас у меня 5 апреля 2021 года, и я планирую на 8-е, вот все, кто подпишется с 5 по 8-е, люди, они это письмо не получат, потому что оно уже запланировано, оно уже запланировано на вот ту группу людей, которые у нас есть.
Сейчас-то один человек у нас в группе.
Поэтому лучше делать это ежедневно, таким образом вы будете охватывать всю аудиторию, которая к вам подписывается.
Давайте на всякий случай еще сделаю некий подытог.
[13:49] Speaker A: После того, как вы отправили, как нам отправлять следующее письмо?
Мы также заходим в раздел с письмами на следующие сутки, через сутки.
У нас в черновиках здесь есть письмо, которое «через три дня».
Мы заходим в это письмо и проделываем всю ту же работу.
И так вот до момента, когда у нас эфир.
После того, как эфир у нас заканчивается, у нас есть дожимающая серия писем, которую мы также ежедневно отправляем.
И здесь, в принципе, вот с дожимающей серией писем вы можете уже все распланировать заранее.
Почему?
Потому что люди к вам уже добавляться в группу не будут, в эту, да, то есть бесплатный вебинар уже закончился.
Все люди, которые есть там, например, к вам подписалось 300 человек, все у вас в базе они есть, они пополняться больше не будут.
И здесь вы можете действительно через планировщик, который мы с вами только что разбирали, запланировать всю дожимающую серию писем, чтобы не заходить каждый раз на сервис, а сразу после вебинара сделать себе, допустим, пройтись по всем своим пяти, например, оставшимся письмам или сколько у вас в дожимающей серии писем.
И вот так на каждый день их запланировать.
[15:02] Speaker A: То есть одно письмо планируете на 8 число, потом следующее письмо планируете на 9, на 10 и все.
И таким образом вам не нужно ежедневно сюда заходить и письма отправлять.
Но это касается только дожимающей серии писем, которые у вас после вебинара.
Когда мы говорим о рассылке до вебинара, пожалуйста, делайте это вручную.
И не используйте...
Ну, вручную имеется в виду ежедневно заходим и отправляем.
Либо сейчас, если время вам подходит.
Либо позже, но в рамках суток, не более.
На этом все и двигаемся с вами дальше.