Як створити правильний блог # 6. Форма email підписки

Доброго дня любий друже. Я хочу тебе привітати! Дійшовши до цього уроку ти зробив величезний крок у напрямку до успішного блогу. Я пишаюся твоїм завзяттям на цьому тернистому шляху. Але нам належить ще довгий шлях. А зараз настав час приступити до теми цього уроку, а саме:

Як створити форму email підписки на WordPress

Для початку скачайте і встановіть плагін MailPoet (скачати)

Я думаю, що Ви вже зрозуміли як встановлювати плагіни, але навсякій випадок нагадаю:

  • Завантажуємо архів з плагіном
  • Відкриваємо файл менеджер на хостінке
  • Заходимо в www / wp-content / plugins
  • Завантажуємо сюди архів з плагіном
  • Тиснемо на піктограму «Видобути архів»
  • Переходимо в панель управління wordpress
  • Відкриваємо розділ «Модулі»
  • Знаходимо в списку встановлений плагін і тиснемо «Активувати»

Ну ось і все, плагін встановлений. Тепер давайте приступимо до створення форми email підписки

Після установки в правому мену консолі у Вас з’явиться розділ MailPoet. Вибираємо в ньому пункт «Передплатники»

Далі в верхньому меню натискаємо на пункт «Додати список»

Називаємо список, наприклад, Оповіщення про нові публікації. Тиснемо «Додати список»

Далі переходимо до налаштувань

Вибираємо пункт «Форми» і тиснемо «Створити нову форму»

Нічого не змінюємо і тиснемо «Зберегти»

Форма підписки створена. Тепер давайте вирішимо, де ми будемо її розміщувати. Рекомендую розміщення в сайтбаре і в кінці поста.

Давайте почнемо з сайтбара. Переходимо до «Зовнішній вигляд» – «Віджети»

Перетягуємо віджет «MailPoet Sub. Form »з правої частини в кінець розділу« Sitebar »

Вибираємо створену нами форму і тиснемо «Готово»

Далі відкриваємо блог і бачимо в кінці сайтбара форму *

* Розташування і стиль форми може відрізнятись в залежності від встановленого Вами шаблону.

Дана форма підписки буде приносити нам 5-10% від загального числа передплатників. Гараздо ефективніше буде форма в кінці статті. Для її додавання нам потрібно мудет написати простий код. Я вже його підготував. Вам залишилося копіювати – вставити)))

Йдемо в Розділ «Зовнішній вигляд» і відкриваємо «Редактор»

Нам потрібен файл «single.php». Вибираємо його в правому меню

У відкритому файлі шукаємо рядок php get_template_part ( ‘template-parts / content’, ‘single’);

Далі шукаємо перший після цього рядка тег?> (Може бути відразу після php get_template_part ( ‘template-parts / content’, ‘single’); ?>) І після?> Вставляємо цей код:

.wi {padding: 20px; margin-top: 30px; outline: 2px solid # 000; / * Чорна рамка * / border: 3px solid #fff; / * Біла рамка * / border-radius: 10px; / * Радіус заокруглення * /}

Підписатися на оновлення:

Адреса електронної пошти *

Тиснемо «Оновити файл

Далі відкриваємо будь-який запис на блозі і дивимося на результат

Дану форму підписки Ви можете спостерігати в кінці цієї статті.

На цьому, мабуть, я закінчу цей урок. Повністю працездатна форма підписки у нас є. У наступному уроці ми налаштуємо розсилку з анонсами нових постів по базі передплатників.

Пишіть в коментарях, чи доступне викладено матеріал в даній статті? З нетерпінням чекаю Вас на наступному уроці.

Ссылка на основную публикацию