Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

Ви хочете створити спливаюче вікно, яке з'являється, коли ваші відвідувачі натискають на посилання або зображення на вашому сайті?

Це перевірений спосіб розширити свій список адрес електронної пошти, і часто використовується популярними сайтами, щоб пропонувати додаткові стимули.

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

форма на кліку

У цій посаді ви крок за кроком дізнаєтеся, як організувати спливаюче вікно, що з'являється на кліку на посилання або зображення.

Що таке спливаюча форма на кліку

Спливаючі форми по кліку – це лайтбокси, які відкриваються після натискання на посилання, кнопку або зображення на вашому веб-сайті.

Як правило, спливаючі вікна з'являються під час приходу користувача на сайт або коли він хоче піти. Випливаючі форми по кліку запускаються при взаємодії з користувачем.

Випливаючі форми по кліку запускаються при взаємодії з користувачем

Найпростіший спосіб створити спливаюче вікно – використовувати плагін WordPress для форм, що спливають. Нижче будемо використовувати плагін OptinMonster.

Чому спливаючі форми настільки ефективні?

Спливаюча форма через клік вважається ефективнішою завдяки ефекту Зейгарника. Це психологічний принцип, згідно з яким користувачі, що починають дію, з більшою ймовірністю його завершать.

Коли хтось натискає на посилання або кнопку, щоб викликати спливаюче вікно, він уже виявив інтерес. Коли з'явиться спливаюче вікно форми, він найімовірніше провзаємодіє.

Однак є й інші способи використання спливаючих вікон: можете попросити користувачів запросити код купона, запропонувати інформацію про продукт, заповнити анкету та багато іншого.

Встановлення та активація OptinMonster

Спочатку зареєструйте обліковий запис OptinMonster. Вам знадобиться обліковий запис Pro (або вище). Це дає вам функцію MonsterLinks ™, яка дозволяє створювати спливаючі вікна на кліку.

Потім встановіть та активуйте плагін OptinMonster на вашому веб-сайті WordPress. Він дозволить підключити ваш обліковий запис OptinMonster до вашого сайту WordPress.

Після активації плагіна вам необхідно підключити свій обліковий запис. Ви автоматично перейдете на сторінку привітання. Якщо ні, просто натисніть посилання OptinMonster на панелі інструментів WordPress.

Натисніть «Підключити свій обліковий запис» і дотримуйтесь інструкцій на екрані.

інструкція

 

Дивіться також:

Як увімкнути та налаштувати Push повідомлення на своєму сайті WordPress

Створення першого спливаючого вікна при натисканні

Як тільки ви підключите свій обліковий запис OptinMonster до свого сайту WordPress, можете створити спливаюче вікно на кліку. Натисніть кнопку «Створити нову кампанію» у верхній частині екрана:

нова кампанія

Ви потрапите прямо на сайт OptinMonster.

Тип кампанії вже має бути встановлений на Popup. Якщо ні, просто натисніть на спливаюче вікно, щоб вибрати його.

Вискочити

Далі виберіть шаблон кампанії. Ви зможете пізніше змінити його зовнішній вигляд. Для цього уроку будемо використовувати шаблон Basic.

шаблон Basic

Наведіть курсор на шаблон і натисніть кнопку «Використовувати шаблон».

шаблон Basic

Вам запропонують ввести назву вашої кампанії. Якщо ви використовуєте OptinMonster на декількох сайтах, переконайтеся, що ви вибрали правильний сайт. Якщо це необхідно, введіть новий веб-сайт. Потім натисніть «Почати збирання», щоб створити спливаюче вікно.

збірка

OptinMonster автоматично завантажить вибраний шаблон.

Ви можете редагувати текст за промовчанням і додавати або видаляти елементи з шаблону. Просто натискайте на те, що потрібно редагувати.

редагування

Наприклад, ми збираємось видалити поле Ім'я з форми. Виберіть поле, натиснувши на нього, і ви побачите параметри поля в лівому стовпці, включаючи можливість його видалення.

поле Ім'я

Після того, як ви спроектували спливаюче вікно, наступним кроком буде створення уявлення «Success», яке люди бачать після заповнення форми. Просто перейдіть на вкладку «Success» у верхній частині екрана.

Просто перейдіть на вкладку Success

Ви можете редагувати цю виставу. Наприклад, ви можете дозволити користувачеві відразу завантажити щось або перейти за посиланням.

Щоб додати посилання на зображення, натисніть на зображення, потім прокрутіть вниз до «Додати посилання на зображення?» ліворуч.

Ви можете включити посилання на зображення та ввести посилання на свою пропозицію (провідний магніт) у полі URL.

Ви можете увімкнути посилання на зображення

Підключення спливаючого вікна до списку адрес електронної пошти

Коли готове спливаюче вікно, натисніть на вкладку «Інтеграція» у верхній частині екрана. Вам потрібно зв'язати OptinMonster з вашою службою поштового маркетингу, щоб ви могли додавати людей до списку розсилки.

Натисніть кнопку «+ Додати нову інтеграцію» у лівій частині екрана.

Як створити спливаючу форму WordPress на кліку на посилання або зображення

Потім виберіть свого провайдера електронної пошти зі списку, що випадає, і дотримуйтесь інструкцій, щоб підключити його до OptinMonster.

Потім виберіть вашого провайдера електронної пошти

Примітка. Інструкції з інтеграції є різними для кожної служби маркетингу електронної пошти. Якщо ви застрягли, OptinMonster має список докладних посібників з інтеграції електронної пошти.

Налаштування спливаючого вікна для відображення при натисканні

Тепер потрібно налаштувати спливаюче вікно так, щоб воно відображалося, коли користувач натискає на посилання. Натисніть на вкладку «Правила відображення» у верхній частині екрана.

Правила відображення

Правило відображення за промовчанням – час на сторінці. Натисніть на список, що випадає, і виберіть «відвідувач натиснув MonsterLink ™».

Правило відображення за промовчанням

Натисніть кнопку, щоб скопіювати код MonsterLink ™, який знадобиться за хвилину.

Створення спливаючого вікна під час натискання

Тепер перейдіть на вкладку «Публікація» і встановіть статус Live для своєї кампанії. Ви можете перевірити або змінити веб-сайт, до якого підключено вашу кампанію.

Створення спливаючого вікна під час натискання

Як тільки ви це зробите, натисніть кнопку Зберегти у верхній частині екрана.

Потім потрібно розмістити свою кампанію у прямому ефірі на сайті WordPress.

Перейдіть на панель інструментів WordPress та натисніть посилання OptinMonster. Натисніть кнопку Оновити кампанії.

Натисніть кнопку Оновити кампанії

Ви повинні побачити свою кампанію, показану як Live. Якщо ви хочете вимкнути його в будь-який момент, просто натисніть посилання «Вимкнути» під назвою вашої кампанії.

Ви повинні побачити свою кампанію, показану як Live

Додавання MonsterLink на ваш сайт

Залишилось додати спеціальний MonsterLink™ на ваш сайт. Якщо ви не скопіювали це раніше, можете отримати його, повернувшись до «Правила відображення» для своєї кампанії на веб-сайті MonsterInsights.

Створіть новий пост або сторінку, або відредагуйте той, куди ви хочете додати посилання. MonsterLink – це HTML-код, тому вам потрібно вставити його в користувальницький HTML-блок.

Натисніть (+), щоб додати новий блок. Користувальницький блок HTML знаходиться у розділі «Форматування», або його можна знайти за допомогою панелі пошуку. Натисніть на нього, щоб створити блок.

Натисніть на нього, щоб створити блок

Тепер скопіюйте ваш MonsterLink у цей блок. Це має виглядати приблизно так:

Тепер скопіюйте ваш MonsterLink у цей блок

Можете змінити слова "Натисніть мене!" на будь-який текст, який ви будете використовувати для вашого посилання. Ми будемо використовувати «Натисніть, щоб отримати БОНУС 10 порад!»

БОНУС 10 порад

Розмістивши посилання, можете попередньо переглянути свою сторінку або пост, щоб переконатися, що воно працює правильно.

Приклад посилання дії. Зверніть увагу, що ми використали деякі стилі до тексту, щоб створити поле зі збільшеним текстом, що допоможе просунути провідний магніт:

Приклад посилання у дії

Порада: ви не обмежені лише текстовими посиланнями, які використовують MonsterLinks. Ви можете використовувати MonsterLink із кнопками заклику до дії, зображеннями, банерами або навігаційними меню.

Сподіваємося, що цей посібник допоміг вам навчитися запускати спливаючу форму WordPress на кліку.

Джерело: wpbeginner.com

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 0

Додати коментар або відгук