Ako vytvoriť efektívne vyskakovacie okná pre váš online obchod

Vyskakovacie okná môžu byť na webových stránkach najviac nenávistné, ale sú nesmierne účinné, keď príde na riadenie prevádzky a získavanie podpôr na vaše stránky. Tu je ďalší problém: keďže niektoré popupy sú tak populárne, používajú ich majitelia internetových stránok a on-line marketingovia, ale bohužiaľ sú zriedka správne nakonfigurované.

V tomto článku sa budeme zaoberať tým, ako vytvoriť konverzné vyskakovacie okná pre stránky WooCommerce pomocou Popups - WordPress Popup, jedného z najpopulárnejších popupov pluginov WordPress, ktorý vám umožňuje zamerať svoje modály na maximálnu efektivitu.

Čo robí efektívne vyskakovacie okno?

Ak chcete vytvoriť efektívne vyskakovacie okná, najlepšie, čo môžete urobiť, je Vyhoďte ich v správny okamih, takže sa môžete vyhnúť obťažovaniu vášho publika, ale môže sa naozaj pozrieť na to a posúdiť tvoju správu.

To je možné len vtedy, ak nastavíte svoje vyskakovacie okná na základe návštevnosti vašich návštevníkov. Takže keď si vyberiete popup plugin pre vašu stránku WordPress, uistite sa, že nájdete ten, ktorý vám umožní požiarnych režimov na vybraných stránkach, a po uplynutí vopred stanoveného časového obdobia.

Prečo vaše vyskakovacie okno nefunguje

Keď vyskakovacie okno neprevádza konverziu, zvyčajne sa to stane, pretože návštevníci sa s ním obťažujú. Tým sa nielenže vyhýbajú vykonávaniu akcie, ktorú vyskakujú, a niekedy úplne opustia stránku.

Popup je všeobecne považované za nepríjemné kedy:

Prehliadač nemôže nájsť žiadne spojenie medzi jeho obsahom a momentálnym zmýšľaním
to je ťažko zatvoriť
to požiar naraz, predtým, než sa zobrazí iný obsah

Nemusíte byť webový čitateľ, ktorý by hádal, o čom uvažujú vaši používatelia. Stačí sledovať ich kroky a pochopiť, čo robia, alebo na ktoré stránky sa skutočne pozerajú.

Inštalácia vyskakovacích okien - vyskakovacie okno WordPress

Ak chcete začať vytvárať svoje vyskakovacie okná, najprv prejdite na Pluginy> Pridať nové admin menu na hlavnom paneli aplikácie WordPress. Hľadať Popupy - rozbalovací zoznam WordPress, kliknite na tlačidlo nainštalovať a potom aktivujte doplnok.

Plugin registruje a vytvára nový typ príspevku, a umiestni úplne novú položku menu do správcovskej lišty nazývanej Vyskakovacie okná. Rovnako ako u príspevkov a stránok, kliknutím na položku v najvyššej položke sa zobrazí zoznam aktuálne vytvorených, aktívnych alebo neaktívnych vyskakovacích okien.

Teraz môžete na svoje stránky jednoducho pridať nové vyskakovacie okná výberom Popup> Pridať nové podmenu v admin menu alebo výberom Nové> Popup vo vašej lište administrátora.

Možnosti konfigurácie

Po pridaní nového kontextového okna sa zobrazí obrazovka podobná tej, ktorú vidíte pri písaní nových príspevkov. Popup, Popup - WordPress Popup poskytuje aj hĺbkové možnosti konfigurácie. Poďme sa pozrieť na niektoré základné funkcie, ktoré má.

1. Úpravy pomocou editora WYSIWYG

Toto je váš bežný editor WYSIWYG pre ľubovoľný obsah programu WordPress, takže sa s ním pravdepodobne už oboznámime. Rozbalovací editor tiež pridá vaše Popup Vzhľad (pozrite nižšie), takže môžete naozaj vidieť, ako bude vyzerať vaša záverečná kontextová ponuka.

2. Zobrazenie sociálnych účtov pomocou krátkych kódov

Ak chcete vo svojom kontextovom okne zobraziť okno stránky Facebooku alebo akýkoľvek iný prepojený sociálny účet, tento doplnok vám to umožní tým, že vám poskytneme niektoré krátke kódy.

Kliknutím na tlačidlo Zobraziť možnosti pod každým krátkym kódom, uvidíte, ako môžete prispôsobiť tieto spôsoby. Najlepší spôsob, ako sa pomocou týchto skratiek učiť, je experimentovať s nimi.

Ak by som chcel do svojho predvoleného vyskakovacieho okna zahrnúť stránku Facebook podobného balíka Hongkiat, zvolil by som prvý krátky kód v zozname a podľa pokynov vyplňoval požadované údaje. Tu je krátky kód, ktorý skončím s:

 [spu-facebook-page href = "https://www.facebook.com/hongkiatcom/" názov = "hongkiat.com" show_faces = "false" hide_cover = "true" akcia = "ako"]

Pridaním tohto krátkeho kódu do dolnej časti môjho okná by výsledok vyzeral takto:

3. Upravte vzhľad skrinky

V Popup Vzhľad môžete ľahko prispôsobiť vzhľad konečného vyskakovacieho okna nastavením príslušných hodnôt.

Napríklad, ak by som chcel mať červenú hranicu s obyčajným bielym pozadím, nastavil by som Farba pozadia a Farba ohraničenia teda.

4. Upravte pravidlá zobrazovania vyskakovacích okien

Toto je pravdepodobne najdôležitejšia možnosť, kde môžete nastaviť úspešné výzvy na akciu. V tomto okne môžete nastavte podmienky, kedy sa v doplnku zobrazí vaše vyskakovacie okno. Čím presnejšie zacielené a preto sú relevantné vaše vyskakovacie okná, tým lepšie konvertujú!

Najjednoduchší spôsob, ako pochopiť pravidlá zobrazovania popupu, je zaobchádzať s týmito tromi komponentmi (každý označený samostatným vstupným pruhom, ktorý je uvedený na snímke obrazovky nižšie) nastavení ako časti zloženej vety.

Môžeš pridajte toľko pravidiel, koľko chcete kliknutím na a tlačidlo na konci pravidla alebo pridaním úplne nového súboru pravidiel kliknutím na Pridať skupinu pravidiel v spodnej časti schránky.

Pravidlá, ktoré pridáte a tlačidlo umožní zobrazenie kontextovej ponuky, kedy sa zobrazí všetky podmienky v rámci danej skupiny pravidiel sú splnené. Nové skupiny pravidiel sa pridávajú ako príkaz OR, preto keď máte viac skupín pravidiel, váš kontextový okien sa vždy zapália skupiny pravidiel je platné.

Povedzme, že chcem zobraziť vyskakovacie okno len na mojom prednom paneli pre používateľov, ktorí nie sú smartphonmi, a tiež by som im to chcel ukázať každému, kto si prezerá moje produkty. Pre tento popup budem používať nasledujúce podmienky:

Skupina prvého pravidla:

ak Typ stránky (možnosť 1) rovná sa (možnosť 2) Predná strana (možnosť 3) A
ak Mobilný telefón (možnosť 1) sa nerovná (možnosť 2) pravdivý (možnosť 3) alebo

Druhá skupina pravidiel:

ak Typ príspevku (možnosť 1) rovná sa (možnosť 2) výrobok (možnosť 3)

5. Prispôsobte možnosti zobrazenia popupu

Keď plugin zistí podmienky, ktoré ste nastavili Pravidlá zobrazovania vyskakovacích okien sú splnené, pozerá sa na Možnosti zobrazenia nastavenia, ktoré chcete vidieť ako ukázať svoje modálne.

Väčšina vyskakovacích okien sa zobrazuje uprostred obrazovky používateľa, ale ak to chcete zmeniť, stačí vybrať inú možnosť vo vnútri Poloha políčka rozbaľovací zoznam. Váš vyskakovací okienko môže vyprchať alebo skĺznuť v závislosti od vášho výberu v animácie voľba.

Ak potrebujete nejakú akciu návštevníkov v popupu, mali by ste nastaviť Ukončite konverziu? na Áno.

Ak chcete vyhnúť sa vyššie uvedeným chybám vyskakovacích okien, dávajte pozor na svoje Spúšťacia akcia voľba. Môžeš nastavte časové oneskorenie, takže váš popup bude zobraziť po uplynutí určitého počtu sekúnd po zaťažení stránky, alebo môžete vyskočiť popup, ak váš návštevník prešiel percentom vášho obsahu.

Ak by som chcel, aby sa moje predchádzajúce vyskakovacie okno zobrazilo po 10 sekundách, ktoré prejdú na ľubovoľnej produktovej stránke, vyberiem to sekúnd po načítaní stránky a nastavte ju na 10.

A teraz, keď poznáte možnosti a možnosti popupov - doplnok WordPress Popup, uvidíme niekoľko nápadov na vytvorenie skutočne úžasných, dobre zacielených vyskakovacích okien s výzvou na akciu!

Ako vytvoriť úspešnú výzvu na akciu

1. Propagácia produktu

Použitie trochu obsahového marketingu - vytváranie relevantného cenného obsahu, ktorý sa týka jedného alebo viacerých vašich produktov - môžete konkrétne zacieliť na cieľové publikum bez toho, aby ste sa skutočne predávali.

Myšlienka tohto typu vyskakovacích okien je, že keď používatelia už čítajú príspevok, v ktorom preukazujete používanie alebo účinnosť produktu, možno predpokladať, že už majú záujem.

Tak prečo nie inicializovať ponuku propagácie produktu že požiare, keď váš čitateľ je skoro cez váš článok o tom istom výrobku ?! Je to veľmi jednoduché nastavenie.

nastaviť Pravidlá zobrazovania vyskakovacích okien zobraziť kontextové okná, keď sa stránka alebo príspevok rovná ľubovoľnej stránke alebo názvu príspevku, takto sa modálne načíta iba na vybratý obsah
nastaviť Spúšťacia akcia v Možnosti zobrazenia na % výšky stránky s hodnotou približne 70-80%, takže vyskakovacie okno sa zobrazí iba vtedy, keď sa diváci už oboznámili s výhodami.

Tiež, prečo nie je pre návštevníkov možnosť okamžite pridajte svoj propagovaný produkt do košíka?

Ak to chcete urobiť, musíte z vášho zoznamu produktov zistiť konkrétny identifikátor produktu a vložiť ho do nasledujúceho krátkeho kódu: [Produktu]. Ak máte krátky kód, stačí ho vložiť do obsahu popupu pomocou editora príspevkov WYSIWYG.

Ak ste im ani nič nepridali, stále skončíte s týmito témami (s trochou pomoci od generátora marketingu Gibberish):

Túto metódu môžete použiť pre upsells, napr. poskytovanie príslušenstva pre určité produkty v oknách, keď návštevník strávil nejaký čas na stránke vášho produktu (pretože zvyčajne naznačuje, že číta popis produktu).

2. Registrácia na darček

V mnohých prípadoch sa chcete ubezpečiť, že môžete oslovte svojich predchádzajúcich zákazníkov neskôr keď máte predaj, niektoré nové produkty alebo podobne. Dobrý spôsob, ako to urobiť (bez bulletinu), je nech sa zaregistrovať na vaše stránky.

Pravdepodobne najlepším miestom, ako to urobiť, je buď vozík alebo obrazovka na pokladni že sa pozerajú priamo pred tým, ako dokončia nákup.

nastaviť Pravidlá zobrazovania vyskakovacích okien aby vaše modálne zobrazenia:

ak je stránka rovnaká ako Checkout (alebo čokoľvek jej pomenujete) A
ak používateľ nie je prihlásený

Ako nastaviť: Používateľ je prihlásený | sa nerovná | pravdivý

nastaviť Spúšťacia akcia v Možnosti zobrazenia na niekoľko sekúnd, takže vaše okno sa okamžite nezobrazí.

Ako nastaviť: sekundy po načítaní stránky 3

Najjednoduchší spôsob, ako vytvoriť kontextovú ponuku na registráciu, je uvádzajte používateľov odkaz alebo tlačidlo, ktoré ukazujú na obrazovku registrácie. Váš registračný odkaz nájdete v dolnej časti prihlasovacej stránky WordPress.

Ak sa na vašej prihlasovacej obrazovke nezobrazí odkaz Registrovať, pravdepodobne ste zakázali registráciu návštevníkov. Musíte sa dostať do svojho Nastavenia> Všeobecné admin menu a skontrolujte Ktokoľvek sa môže zaregistrovať voľba.

Keď skončíte s rozbaľovacím modulom motivácie registrácie, pravdepodobne skončíte takto:

Pravdepodobne viete, že zákaznícke návyky zákazníkov sú lepšie, ale vo väčšine prípadov kupón v malom množstve alebo doprava zdarma umožňuje oveľa ľahšie presvedčiť návštevníkov, aby sa zaregistrovali.

Nastavte ich prostredníctvom služby WooCommerce Správca kupónov (nájdené pod WooCommerce> Kupóny menu) a odosielajte kupóny v potvrdzovacom e-maile.

3. Kupóny pre návratných zákazníkov

Je vždy pekné vidieť online obchod, ktorý naozaj hodnotí ich návratných zákazníkov tým, že im ponúkne menšiu zľavu alebo darčeky zadarmo na návrat.

V predvolenom nastavení získajú vaši registrovaní zákazníci zákazník užívateľská úloha po prvom nákupe. Keďže to je iná užívateľská úloha ako iné redakčné roly WordPress, je veľmi jednoduché zamerať sa na týchto ľudí pomocou vyskakovacieho okienka, v ktorom by ste mohli poskytnúť tento špeciálny kupónový kód alebo im ponúknuť bezplatný, inak neuvedený produkt ako darček.

To by mohlo byť tiež dobré konkrétne zacielenie na svojich pravidelných zákazníkov, napríklad ľudia, ktorí kúpili veci viac ako 3 krát, s takou ponukou. Na to musíte nastaviť vlastná užívateľská úloha len pre nich, čo je najlepšie vykonané prostredníctvom vlastných kódov a funkcií alebo pomocou pluginu.

Zatiaľ nastavte svoje Pravidlá zobrazovania vyskakovacích okien zobraziť kontextové okno, keď sa rolu používateľa rovná vašej vlastnej sade pre vašich najvernejších zákazníkov. Najlepšie je ponechať podmienky len na základe úlohy používateľa a aby vyskakovali po určitom čase kdekoľvek na vašom webe.

Som si istý, že vaši zákazníci vás budú milovať za túto malú pozornosť, najmä ak máte možnosť ukázať svoje meno v popup, aby bol skutočne personalizovaný (možno pomocou nejakého úžasného doplnku krátkeho kódu).

Konečné slová

Existuje množstvo WordPress popup pluginy, zadarmo a prémiové, tam vonku, a niektoré sú efektívnejšie ako iné, pokiaľ ide o zacielenie na vaše modals. Kým sme v tomto príspevku používali Popups - WordPress Popup, existuje veľa ďalších silných konkurentov aj medzi bezplatnými doplnkami.

Navrhujem, aby ste najskôr nastavili niekoľko vyskakovacích okien pomocou vyššie uvedených príkladov a zistite, ako fungujú. Potom po chvíli vyhľadajte ďalšie možnosti v repozitári WP pluginov a uvidíte, čo môžu ponúknuť. Po starostlivom experimentovaní budete môcť perfektne nakonfigurovať vaše vyskakovacie okná pre vašu stránku WooCommerce

Pokiaľ ide o mňa, vždy používam prinajmenšom tieto 2 (a niekedy pridať doplnky - svetlo tretie na zväzok) pluginy, aby najlepšie zacielil moje publikum.

Aj keď je dôležité správne nakonfigurovať a zacieliť vaše vyskakovacie okná, tak si vždy pamätajte merať úspech každého z vašich vyskakovacích okien. použitie analytika, webových teplôt, alebo akékoľvek iné nástroje, aby ste zistili, či ich návštevníci dokonca čítajú.

Ak zistíte, že správne zacielené vyskakovacie okno funguje zle, skúste preformulovať alebo prepracovať. Viete, že vašim zákazníkom je to najlepšie, čoskoro sa vám podarí vytvoriť perfektné vyskakovacie okná pre nich!