Как да създадете ефективни изскачащи прозорци за вашия онлайн магазин

Изскачащи прозорци могат да бъдат най-мразеното нещо на уебсайтовете днес, но те са изключително ефективни, когато става въпрос за шофиране и получаване на подчинения към вашия сайт. Тук е друг проблем: тъй като някои изскачащи прозорци са толкова популярни, те се използват от собствениците на уебсайтове и онлайн маркетолозите, но за съжаление те са рядко се конфигурира правилно.

В тази статия ще разгледаме как да създадем конвертиращи изскачащи прозорци за сайтове на WooCommerce с помощта на изскачащи прозорци - WordPress Popup, един от най-популярните WordPress изскачащи плъгини, който ви позволява да насочете вашите модели за максимална ефективност.

Какво прави ефективно Popup?

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

Това е възможно само ако настроите изскачащите прозорци въз основа на активността на посетителите ви на място. Така че, когато избирате изскачащ плъгин за вашия WordPress сайт, не забравяйте да намерите този, който ви позволява пожарните модали на избрани страници, и след предварително определен период от време.

Защо изскачащият прозорец не работи

Когато изскачащ прозорец не се преобразува, обикновено се случва, защото посетителите се дразнят от него. Това ги кара не само да избягват да извършват действията, които изскачащите прозорци ги призовават да изпълняват, а понякога напълно се отказват от сайта.

Обикновено е изскачащ прозорец счита за досадно кога:

Зрителят не може да намери връзка между съдържанието и моментното им мислене
е трудно се затваря
То пожари веднага, преди всяко друго съдържание да стане видимо

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

Инсталиране на изскачащи прозорци - WordPress Popup

За да започнете да създавате своите изскачащи прозорци, първо отидете на Добавки> Добавяне на нови Администраторското меню в таблото ви за WordPress. Търся Изскачащи прозорци - WordPress Popup, щракнете върху инсталиране, след което активирайте плъгина.

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

Вече можете лесно да добавяте нови изскачащи прозорци към сайта си, като изберете Изскачащи прозорци> Добавяне на нови в подменюто на вашето административно меню или като изберете Ново> Изскачащи прозорци в административната си лента.

Опции за конфигуриране

Когато добавите ново изскачащо прозорец, ще ви бъде показан екран, подобен на този, който виждате, когато пишете нови публикации. Освен това, изскачащи прозорци - WordPress Popup също предлага опции за дълбока конфигурация. Нека разгледаме някои от основните функции, които има.

1. Редактиране с WYSIWYG редактор

Това е вашият обичаен WYSIWYG редактор за всяко съдържание на WordPress, така че вероятно вече сте запознат с него. Изскачащият редактор също добавя вашия Изскачащ прозорец опции (вижте по-долу), така че наистина можете да видите как ще изглежда окончателното ви изскачащо прозорец.

2. Показване на социални сметки, използващи шорткодове

Ако искате да покажете поле във Facebook страница или друг свързан социален профил в изскачащия си прозорец, този плъгин ви дава възможност да го направите, като ви предостави някои къси кодове.

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

Ако исках да включа Facebook страницата на Hongkiat в поп-прозореца по подразбиране, щях да избера първия shortcode в списъка и следвайки указанията, които бих попълнил необходимите данни. Ето краткия код, с който ще завърша:

 [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) И. \ t
ако Мобилен телефон (Опция 1) не е равно на (вариант 2) Вярно (вариант 3) ИЛИ

Втора група правила:

ако Тип публикация (Опция 1) е равно на (вариант 2) продукт (вариант 3)

5. Персонализирайте опциите за изскачащи прозорци

Когато приставката види, че условията, които сте задали Изскачащи правила за показване са изпълнени, изглежда в Опции за показване за да видите как да покажете своя модал.

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

Ако се нуждаете от действие от посетителите си в изскачащия прозорец, трябва да зададете Затваряне при конвертиране? до Да.

За да избегнете гореспоменатите грешки в изскачащите прозорци, обърнете внимание на вашите Задействащо действие опция. Можеш задайте времезакъснение, така ще ви изскочи да се покаже след определено количество секунди, което е преминало след зареждането на страницата, или можете да пуснете изскачащия си прозорец, ако посетителят ви е превъртял в процент от съдържанието ви.

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

И сега, когато познавате възможностите и възможностите на Popups - WordPress Popup plugin, нека видим някои идеи за създаване на наистина страхотни, добре насочени изскачащи прозорци.!

Как да създадете успешни Call-to-Actions действия

1. Промоция на продукта

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

Идеята на този вид изскачащи прозорци е, че когато потребителите вече четат публикация, в която демонстрирате използването или ефективността на даден продукт, може да се предположи, че те вече са заинтересовани.

Защо не инициализиране на промоционален прозорец на продукт че пожари, когато читателят ви е почти през вашата статия за същия продукт ?! Много е лесно да се настрои.

Комплект Изскачащи правила за показване за да покажете изскачащия прозорец, когато страницата или публикацията е равна на каквото и да е заглавието на вашата страница или публикация, по този начин модалът зарежда само избраното съдържание
Комплект Задействащо действие в Опции за показване да се % от височината на страницата с около 70-80% стойност, така че изскачащите прозорци ще се показват само когато зрителите вече са се запознали с предимствата.

Също така, защо да не направите това за посетителите незабавно добавете популяризирания си продукт в кошницата?

За да направите това, трябва да откриете конкретния идентификационен номер на продукта от списъка с продукти и да го вмъкнете в следния кратък код: [Продукт]. Ако разполагате с шорткод, просто го поставете в съдържанието на изскачащия прозорец, като използвате редактора на постове WYSIWYG.

Ако дори не добавите нещо специално за тях, все пак ще получите нещо като това (с малко помощ от Маркетинговия Gibberish Generator):

Можете да използвате и този метод за продажби, например предоставяне на аксесоари за определени продукти в изскачащ прозорец, след като посетителят е прекарал известно време на страницата на продукта ви (тъй като обикновено показва, че четат описанието на продукта ви).

2. Регистрация за подарък

В много случаи искате да сте сигурни, че можете по-късно се свържете с предишните си клиенти когато имате продажба, някои нови продукти или други подобни. Един добър начин да направите това (без бюлетин) е да да ги накарат да се регистрират към вашия сайт.

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

Комплект Изскачащи правила за показване така че вашият модал да показва:

ако страницата е равна на Checkout (или каквото и да сте го нарекли) И
ако потребителят не е влязъл

Как да настроите: Потребителят е регистриран | не е равна на | Вярно

Комплект Задействащо действие в Опции за показване до няколко секунди, така че изскачащият прозорец няма да стане веднага видим.

Как да настроите: секунди след зареждането на страницата | 3

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

Ако не можете да видите връзката Регистър на екрана за вход, вероятно сте забранили регистрацията на посетители. Трябва да влезете във вашия Настройки> Общи администраторско меню и проверете Всеки може да се регистрира опция.

Когато приключите с изскачащия си мотиватор за регистрация, вероятно ще получите нещо подобно:

Вероятно познавате по-добре навиците си за пазаруване, но в повечето случаи купон за малка сума или безплатна доставка прави много по-лесно да убеди посетителите да се регистрират.

Задайте ги чрез WooCommerce Мениджър на талони (намерено под WooCommerce> Купони менюто) и изпратете купоните в имейла за потвърждение.

3. Купони на клиенти, които се връщат

Винаги е хубаво да се види онлайн магазин, който наистина ценят техните клиенти, които се завръщат като им предлагаме незначителна отстъпка или безплатни подаръци за връщането им.

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

Може също да е добре специално насочете редовните си клиенти, например хора, които са купували неща повече от 3 пъти, с такава оферта. За това трябва да зададете потребителска роля на потребителя само за тях, което е най-добре чрез потребителски кодове и функции, или чрез използване на плъгин.

Засега настройте Изскачащи правила за показване за показване на изскачащия прозорец, когато ролята на потребителя е равна на потребителския ви набор от роли за най-верните ви клиенти. Най-добре е да оставите условията само въз основа на ролята на потребителя и направете изскачащия си прозорец след известно време навсякъде в сайта Ви.

Сигурен съм, че клиентите ви ще ви обичат за това малко внимание, особено ако имате възможност , за да покажете името си в изскачащия прозорец, за да го направи наистина персонализиран (вероятно използвайки някои страхотни плъгини за shortcode).

Заключителни думи

Има изобилие от WordPress popup плъгини, безплатни и премиум, там в дивата природа, а някои са по-ефективни от други, когато става въпрос за насочване на вашите модели. Докато използвахме Popups - WordPress Popup в този пост, има много други силни конкуренти дори сред безплатните плъгини.

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

Що се отнася до мен, аз винаги използвам поне тези 2 (и понякога добавям опция-леки трети от групата) плъгини, за да насочвам най-добре аудиторията си.

Въпреки че е от решаващо значение правилното конфигуриране и насочване на изскачащите прозорци, винаги помнете измерване на успеха на всеки от вашите изскачащи прозорци. употреба анализ, уебсайтове, или други инструменти, за да видите дали вашите посетители дори ги четат.

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