Як створити ефективні спливаючі вікна для вашого інтернет-магазину

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

У цій статті ми розглянемо, як створити перетворення спливаючих вікон для сайтів WooCommerce за допомогою спливаючих вікон - спливаюче вікно WordPress, одного з найпопулярніших спливаючих модулів WordPress, що дозволяє вам націлюйте свої моделі на максимальну ефективність.

Що робить ефективне спливаюче вікно?

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

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

Чому не працює спливаюче вікно

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

Загалом, спливаюче вікно вважається дратує коли:

1. Глядач не може знайти з'єднання між його змістом і їх миттєвим мисленням
2. Його Важко закрити
3. Це пожежі відразу, перед тим, як будь-який інший вміст стане видимим

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

Установка спливаючих вікон - спливаюче вікно WordPress

Щоб розпочати створення спливаючих вікон, спочатку перейдіть до розділу Додатки> Додати нове меню адміністратора у вашій панелі інструментів WordPress. Шукати Спливаючі вікна - спливаючі вікна WordPress, натисніть кнопку встановити, а потім активуйте плагін.

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

Тепер ви можете легко додавати нові спливаючі вікна до вашого сайту, вибравши Спливаючі вікна> Додати новий підменю в меню адміністратора або за допомогою вибору Нові> Спливаючі вікна у панелі адміністрування.

Параметри конфігурації

Коли ви додаєте нове спливаюче вікно, вам буде показаний екран, схожий на той, який ви бачите під час написання нових повідомлень. На додаток до цього, спливаючі вікна - WordPress Popup також надає детальні параметри конфігурації. Давайте розглянемо деякі з основних функцій, які вона має.

1. Внесення змін за допомогою редактора WYSIWYG

Це ваш звичайний WYSIWYG редактор для будь-якого вмісту WordPress, так що ви, напевно, вже знайомі з ним. Спливаючий редактор також додає ваш Вигляд спливаючого вікна опції (див. нижче), так що ви дійсно зможете побачити, як буде виглядати ваше остаточне спливаюче вікно.

2. Відображення соціальних облікових записів за допомогою коротких кодів

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

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

Якщо я хотів би включити сторінку Facebook у програмі "Ликбокс" у моєму спливаючому вікні за замовчуванням, я б вибрав перший шорткод у списку і слідуючи інструкціям, які я б заповнив необхідними даними. Ось короткий код, який я отримаю:

 [spu-facebook-page href = "https://www.facebook.com/hongkiatcom/" name = "hongkiat.com" show_faces = "false" hide_cover = "true" action = "like"] 

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

3. Налаштувати вигляд вікна

В Вигляд спливаючого вікна Ви можете легко налаштувати вигляд останнього спливаючого вікна, встановивши відповідні значення.

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

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

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

Найпростіший спосіб зрозуміти правила відображення спливаючих вікон полягає в тому, щоб розглядати три компоненти (кожен з окремим рядком введення, див. На скріншоті нижче) параметрів як частини складеного речення.

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

Правила, які ви додаєте з і Кнопка дозволить відображати спливаюче вікно, коли всі умови всередині даної групи правил задовольняються. Нові групи правил додаються як оператор OR, тому, коли у вас є кілька груп правил, ваше спливаюче вікно буде стріляти всякий раз будь-якої з груп правил дійсна.

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

Група першого правила:

• якщо Тип сторінки (варіант 1) дорівнює (варіант 2) Титульна сторінка (варіант 3) І
• якщо Мобільний телефон (варіант 1) не дорівнює (варіант 2) Правда (варіант 3) АБО

Група другого правила:

• якщо Тип повідомлення (варіант 1) дорівнює (варіант 2) продукту (варіант 3)

5. Налаштування параметрів спливаючих вікон

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

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

Якщо вам потрібні деякі дії від ваших відвідувачів у спливаючому вікні, ви повинні встановити Закрити на конверсії? на Так.

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

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

А тепер, коли ви знаєте ваші варіанти та можливості спливаючих вікон - спливаючих вікон WordPress, давайте побачимо деякі ідеї для створення дійсно чудових, цілеспрямованих спливаючих вікон із закликом до дії.!

Як створювати успішні заклики до дій

1. Промо продукт

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

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

Так чому б і ні ініціалізувати спливаюче вікно продукту що вогонь, коли ваш читач майже через вашу статтю про той же продукт ?! Це дуже легко налаштувати.

• Набір Спливаючі правила відображення щоб відобразити спливаюче вікно, коли сторінка або повідомлення дорівнюють тому, що ваша сторінка чи назва публікації, таким чином, модал завантажує лише вибраний вміст
• Набір Дія тригера в Параметри відображення до % від висоти сторінки з значенням близько 70-80%, тому спливаюче вікно буде показуватися тільки тоді, коли глядачі вже ознайомилися з перевагами.

Крім того, чому б не дозволити відвідувачам негайно додайте рекламований продукт до кошика?

Для цього вам потрібно дізнатися ідентифікатор конкретного продукту зі списку Продуктів і вставити його у такий короткий код: [продукт]. Якщо у вас є короткий код, просто вставте його у вміст вашого спливаючого вікна за допомогою редактора повідомлень WYSIWYG.

Якщо ви навіть не додаєте їм нічого особливого, ви все одно отримаєте щось подібне (з трохи допомоги від Генератора маркетингу Gibberish):

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

2. Реєстрація для подарунка

У багатьох випадках потрібно переконатися, що ви можете зверніться до ваших попередніх клієнтів пізніше коли у вас є продаж, деякі нові продукти тощо. Гарний спосіб зробити це (без інформаційного бюлетеня) - це змусити їх зареєструватися на ваш сайт.

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

Набір Спливаючі правила відображення щоб ваш модал показував:

• якщо сторінка дорівнює Checkout (або як ви її назвали) AND
• якщо користувач не ввійшов у систему

Як налаштувати: Користувач реєструється не дорівнює | Правда

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

Як налаштувати: секунд після завантаження сторінки | 3

Найпростіший спосіб створити спливаюче вікно реєстрації - це надайте користувачам посилання або кнопку, що вказує на екран реєстрації. Ви можете знайти посилання для реєстрації внизу сторінки входу в WordPress.

Якщо ви не бачите посилання "Реєстрація" на екрані входу, можливо, ви заборонили реєстрацію відвідувачів. Вам потрібно потрапити у свій Установки> Загальні меню адміністратора та перевірте Будь-хто може зареєструватися опції.

Коли ви завершите роботу з мотиватором реєстрації, ви, мабуть, отримаєте щось подібне:

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

Встановіть їх через WooCommerce Менеджер купонів (знайдено під WooCommerce> Купони і відправити купони в електронному листі з підтвердженням.

3. Купони клієнтам, що повертаються

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

За замовчуванням ваші зареєстровані клієнти отримують Клієнт Роль користувача після першої покупки. Оскільки це інша роль користувача, ніж інші редакційні ролі WordPress, дуже просто націлити цих людей на спливаюче вікно, в якому ви можете вказати цей спеціальний код купона або запропонувати їм безкоштовний, в іншому випадку не в списку продукт, як подарунок.

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

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

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

Заключні слова

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

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

Що стосується мене, я завжди використовую щонайменше ці 2 (а іноді й додають опції-світло-третю частину) плагіни, щоб краще націлювати свою аудиторію.

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

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