И так! В этом уроке мы с Вами создадим форму подписки для вашего сайта, чтобы человек мог зайти, ввести свои данные и подписаться на наши новости. Потом вы сможете сразу автоматом отправлять всем своим подписчикам новости со своего сайта. Будем делать это с помощью сервиса юнисендер.
Переходим по ссылке unisender.com . Сразу скажу, что он бесплатный. Как я говорила вначале, я акцентирую на том, чтобы мы не вкладывали лишних никаких средств. Размер базы до 100 человек и до полутора тысяч писем. Все бесплатно.
Мы регистрируемся.
Ждём на почту письмо. Вот письмо пришло.
Переходим. Активируем аккаунт. Он обязательно просит ввести свои личные данные. Водим корректные данные.
Все! У нас уже есть сформированный личный кабинет.
Тут есть ребята, которые готовы нам помочь. Вот. И можно задавать свои вопросы.
Но для начала нам нужно создать форму, которую мы вставим вот сюда вот сбоку на сайт.
Как мы это делаем? Во вкладке «инструменты» мы создаем «форму подписки». Заходим в «инструменты» в «форма подписки» и выбираем «создать новую форму».
Инструмент серьёзный, поэтому дайте ему время прогрузиться. Он нам тут рассказывает, куда это все будет добавлено?
Как это все будет работать? И вот уже сформирована наша изначально форма. Мы можем оставить так как есть. Можем добавить какие-либо ещё поля. Можем корректировать по стилю. К примеру, если нам вот необходимо изменить кнопку «подписаться», то нажимаем на шестеренку.
Менять можно фоновое изображение. Можно менять цвет кнопки. Вот она сейчас серенькая. Мы хотим, допустим, красненькую, то потянули.
Шрифт побольше и поменьше. Вместо «подписаться», Вы можете написать «подписаться срочно». Раз и текст поменялся. Все настраивается. По факту, методом тыка Вы все можете изменить. Именно визуально это все несложно.
Аналогично, поля: email, любой текст пишем, любое значение, любой цвет фона. Цвет фона я Вам не советую менять. Классно, когда он вот такой прозрачный. Я не знаю, что еще можно сделать. Ширина поля. Всё что угодно можно поменять. Но высоту элемента давайте поставим 50.
Можно в начале вообще не тратить на это время. Не заморачиваться с формами. Главное, чтоб она работала. Свернули. Нажимаем «сохранить».
Если Вы хотите дальше настраивать, то здесь у вас куча полей слева и все нужное можно перетаскивать в форму и изменять с помощью значка «шестеренки».
Если вдруг что-то там потеряется, просто вот у сбоку пишите службе поддержки. Эту форму как «форма 1» для наглядности сохраним. Нажимаем «сохранить» и «получить HTML код». Получили и скопируйте.
Вставьте ваш код. Вот этот код мы берём просто выделяем, копируем. Нам нужен верхний код.
Куда мы его вставляем? Заходите на наш сайт в админку. Выбираем «внешний вид», затем «виджеты». Вы уже знаете, что нам нужна вкладка «текст». Мы берём перетаскиванием на самый верх, к примеру, нажимаем «подпишитесь». «Текст» и «заголовок» можно какой угодно. Вставляем наш код обязательно во вкладочку «текст». Нажимаем «сохранить». Обновляем.
Наша форма есть. Все работает. Нажимаем «сохранить».
Если мы сейчас подпишемся, то у нас будет ошибка. Нам нужно ещё донастроить эту форму.
Что мы делаем? Мы возвращаемся в форму подписки, в «контакты» в «списки контактов» и когда мы заходим в нашу рассылку, в самом низу появляется «инструменты подписки и отписки».
Вот и здесь нам нужно подписать тему. Вот это вот такая базовая. Как называется ваш сайт? Как называется ваш блог? Как называется? Заполняем эти поля. Тема письма базовая сейчас. Мы делаем базовые настройки. Нажимаем «сохранить». Мы пишем тот э мэйл, от которого вы так регистрировались и будете слать письма. Сохранили и теперь все должно работать.
Обновляем сайт и подписываемся просто с другого емейла, как пользователи. Нажимаем «подписаться».
Подписчик должен подтвердить подписку у себя на почте. Мы подписались, в качестве эксперимента и поэтому подтверждаем подписку по ссылке «подтвердите рассылку».
На сайте после подтверждения подписки подписчик, в данном случае это мы, увидим надпись «спасибо за подписку».
Все! Я поздравляю вас с вашим первым подписчиком. Аналогично! Если вы теперь зайдёте в «контакты» и «список контактов», то у вас будет два эмайла. Вот это тот, с которого Вы регистрировались и с которого Вы подписались. У меня контактов чуть больше.
Очень удобно. Сейчас нам нужно было сделать просто вот эту форму. Дальше мы будем корректировать. Если у Вас форма чуть-чуть подскочила, то надо сверху сделать форму по высоте чуть больше.
Но на данный момент мы с вами закончили этот урок.
Переходите к следующему: Наполняем сайт статьями