Ви хочете створити спливаюче вікно, яке з'являється, коли ваші відвідувачі натискають на посилання або зображення на вашому сайті?
Це перевірений спосіб розширити свій список адрес електронної пошти, і часто використовується популярними сайтами, щоб пропонувати додаткові стимули.
У цій посаді ви крок за кроком дізнаєтеся, як організувати спливаюче вікно, що з'являється на кліку на посилання або зображення.
Що таке спливаюча форма на кліку
Спливаючі форми по кліку – це лайтбокси, які відкриваються після натискання на посилання, кнопку або зображення на вашому веб-сайті.
Як правило, спливаючі вікна з'являються під час приходу користувача на сайт або коли він хоче піти. Випливаючі форми по кліку запускаються при взаємодії з користувачем.
Найпростіший спосіб створити спливаюче вікно – використовувати плагін WordPress для форм, що спливають. Нижче будемо використовувати плагін OptinMonster.
Чому спливаючі форми настільки ефективні?
Спливаюча форма через клік вважається ефективнішою завдяки ефекту Зейгарника. Це психологічний принцип, згідно з яким користувачі, що починають дію, з більшою ймовірністю його завершать.
Коли хтось натискає на посилання або кнопку, щоб викликати спливаюче вікно, він уже виявив інтерес. Коли з'явиться спливаюче вікно форми, він найімовірніше провзаємодіє.
Однак є й інші способи використання спливаючих вікон: можете попросити користувачів запросити код купона, запропонувати інформацію про продукт, заповнити анкету та багато іншого.
Встановлення та активація OptinMonster
Спочатку зареєструйте обліковий запис OptinMonster. Вам знадобиться обліковий запис Pro (або вище). Це дає вам функцію MonsterLinks ™, яка дозволяє створювати спливаючі вікна на кліку.
Потім встановіть та активуйте плагін OptinMonster на вашому веб-сайті WordPress. Він дозволить підключити ваш обліковий запис OptinMonster до вашого сайту WordPress.
Після активації плагіна вам необхідно підключити свій обліковий запис. Ви автоматично перейдете на сторінку привітання. Якщо ні, просто натисніть посилання OptinMonster на панелі інструментів WordPress.
Натисніть «Підключити свій обліковий запис» і дотримуйтесь інструкцій на екрані.
Дивіться також:
Як увімкнути та налаштувати Push повідомлення на своєму сайті WordPress
Створення першого спливаючого вікна при натисканні
Як тільки ви підключите свій обліковий запис OptinMonster до свого сайту WordPress, можете створити спливаюче вікно на кліку. Натисніть кнопку «Створити нову кампанію» у верхній частині екрана:
Ви потрапите прямо на сайт OptinMonster.
Тип кампанії вже має бути встановлений на Popup. Якщо ні, просто натисніть на спливаюче вікно, щоб вибрати його.
Далі виберіть шаблон кампанії. Ви зможете пізніше змінити його зовнішній вигляд. Для цього уроку будемо використовувати шаблон Basic.
Наведіть курсор на шаблон і натисніть кнопку «Використовувати шаблон».
Вам запропонують ввести назву вашої кампанії. Якщо ви використовуєте OptinMonster на декількох сайтах, переконайтеся, що ви вибрали правильний сайт. Якщо це необхідно, введіть новий веб-сайт. Потім натисніть «Почати збирання», щоб створити спливаюче вікно.
OptinMonster автоматично завантажить вибраний шаблон.
Ви можете редагувати текст за промовчанням і додавати або видаляти елементи з шаблону. Просто натискайте на те, що потрібно редагувати.
Наприклад, ми збираємось видалити поле Ім'я з форми. Виберіть поле, натиснувши на нього, і ви побачите параметри поля в лівому стовпці, включаючи можливість його видалення.
Після того, як ви спроектували спливаюче вікно, наступним кроком буде створення уявлення «Success», яке люди бачать після заповнення форми. Просто перейдіть на вкладку «Success» у верхній частині екрана.
Ви можете редагувати цю виставу. Наприклад, ви можете дозволити користувачеві відразу завантажити щось або перейти за посиланням.
Щоб додати посилання на зображення, натисніть на зображення, потім прокрутіть вниз до «Додати посилання на зображення?» ліворуч.
Ви можете включити посилання на зображення та ввести посилання на свою пропозицію (провідний магніт) у полі URL.
Підключення спливаючого вікна до списку адрес електронної пошти
Коли готове спливаюче вікно, натисніть на вкладку «Інтеграція» у верхній частині екрана. Вам потрібно зв'язати OptinMonster з вашою службою поштового маркетингу, щоб ви могли додавати людей до списку розсилки.
Натисніть кнопку «+ Додати нову інтеграцію» у лівій частині екрана.
Потім виберіть свого провайдера електронної пошти зі списку, що випадає, і дотримуйтесь інструкцій, щоб підключити його до OptinMonster.
Примітка. Інструкції з інтеграції є різними для кожної служби маркетингу електронної пошти. Якщо ви застрягли, OptinMonster має список докладних посібників з інтеграції електронної пошти.
Налаштування спливаючого вікна для відображення при натисканні
Тепер потрібно налаштувати спливаюче вікно так, щоб воно відображалося, коли користувач натискає на посилання. Натисніть на вкладку «Правила відображення» у верхній частині екрана.
Правило відображення за промовчанням – час на сторінці. Натисніть на список, що випадає, і виберіть «відвідувач натиснув MonsterLink ™».
Натисніть кнопку, щоб скопіювати код MonsterLink ™, який знадобиться за хвилину.
Створення спливаючого вікна під час натискання
Тепер перейдіть на вкладку «Публікація» і встановіть статус Live для своєї кампанії. Ви можете перевірити або змінити веб-сайт, до якого підключено вашу кампанію.
Як тільки ви це зробите, натисніть кнопку Зберегти у верхній частині екрана.
Потім потрібно розмістити свою кампанію у прямому ефірі на сайті WordPress.
Перейдіть на панель інструментів WordPress та натисніть посилання OptinMonster. Натисніть кнопку Оновити кампанії.
Ви повинні побачити свою кампанію, показану як Live. Якщо ви хочете вимкнути його в будь-який момент, просто натисніть посилання «Вимкнути» під назвою вашої кампанії.
Додавання MonsterLink на ваш сайт
Залишилось додати спеціальний MonsterLink™ на ваш сайт. Якщо ви не скопіювали це раніше, можете отримати його, повернувшись до «Правила відображення» для своєї кампанії на веб-сайті MonsterInsights.
Створіть новий пост або сторінку, або відредагуйте той, куди ви хочете додати посилання. MonsterLink – це HTML-код, тому вам потрібно вставити його в користувальницький HTML-блок.
Натисніть (+), щоб додати новий блок. Користувальницький блок HTML знаходиться у розділі «Форматування», або його можна знайти за допомогою панелі пошуку. Натисніть на нього, щоб створити блок.
Тепер скопіюйте ваш MonsterLink у цей блок. Це має виглядати приблизно так:
Можете змінити слова "Натисніть мене!" на будь-який текст, який ви будете використовувати для вашого посилання. Ми будемо використовувати «Натисніть, щоб отримати БОНУС 10 порад!»
Розмістивши посилання, можете попередньо переглянути свою сторінку або пост, щоб переконатися, що воно працює правильно.
Приклад посилання дії. Зверніть увагу, що ми використали деякі стилі до тексту, щоб створити поле зі збільшеним текстом, що допоможе просунути провідний магніт:
Порада: ви не обмежені лише текстовими посиланнями, які використовують MonsterLinks. Ви можете використовувати MonsterLink із кнопками заклику до дії, зображеннями, банерами або навігаційними меню.
Сподіваємося, що цей посібник допоміг вам навчитися запускати спливаючу форму WordPress на кліку.
Джерело: wpbeginner.com
Коментарі до запису: 0