Jak vytvořit efektivní vyskakovací okna pro váš online obchod

Popups může být nejvíce nenáviděný věc na internetových stránkách dnes, ale jsou nesmírně efektivní, pokud jde o řízení provozu a získávání příspěvků na vaše stránky. Zde je další problém: protože některá vyskakovací okna jsou tak populární, jsou nadužívána majiteli webových stránek a obchodníky online, ale bohužel jsou zřídka správně nakonfigurován.

V tomto článku se podíváme na to, jak vytvořit kontextová okna pro weby WooCommerce pomocí kontextových oken - WordPress Popup, jeden z nejpopulárnějších vyskakovacích oken WordPress, který vám umožní zaměřte své modály na maximální efektivitu.

Co dělá efektivní Popup?

Pokud chcete vytvořit efektivní vyskakovací okna, je nejlepší, co můžete udělat oheň v pravý okamžik, takže se nemusíte vyhýbat jen obtěžujícímu publiku, ale můžete je také nechat, aby se na to podívali a posoudili vaši zprávu.

To je možné pouze v případě, že nastavíte vyskakovací okna na základě aktivity návštěvníků na místě. Takže když si vyberete popup plugin pro vaše stránky WordPress, ujistěte se, že najít ten, který vám umožní požární modality na vybraných stránkách, a uplynula předem definovaná doba.

Proč vaše vyskakovací okno nefunguje

Když kontextové okno nekonvertuje, obvykle se to stává proto, že se na něj návštěvníci zlobí. To z nich dělá nejen vyhnout se provádění akce popup zavolá k provedení, někdy zcela opustit stránky.

Pop-up je obecně považován za nepříjemný když:

1. Divák Nelze najít žádné spojení mezi jeho obsahem a momentálním smýšlením
2. To je těžko zavřít
3. To požáry najednou, před tím, než bude viditelný jiný obsah

Nemusíte být webovým myslitelem, abyste odhadli, o čem vaši uživatelé přemýšlejí. Stačí sledovat jejich činnosti a pochopit, co dělají, nebo na jaké stránky se vlastně dívají.

Instalace vyskakovacích oken - WordPress Popup

Chcete-li začít vytvářet svá vyskakovací okna, přejděte nejprve na stránku Pluginy> Přidat nové admin menu v řídicím panelu WordPressu. Hledat Popups - WordPress Popup, klepněte na tlačítko nainstalovat a poté aktivujte plugin.

Plugin vytvoří nový typ příspěvku, a umístí zcela novou položku menu do vašeho administračního panelu Vyskakovací okna. Stejně jako u příspěvků a stránek se po kliknutí na položku nabídky na nejvyšší úrovni zobrazí seznam aktuálně vytvořených, aktivních nebo neaktivních vyskakovacích oken.

Nyní můžete snadno přidat nová vyskakovací okna na vaše stránky výběrem položky Kontextová okna> Přidat nové podnabídce v menu admin nebo volbou Nové> Popups ve vašem admin baru.

Možnosti konfigurace

Když přidáte nové vyskakovací okno, zobrazí se obrazovka podobná obrazovce, kterou vidíte při psaní nových příspěvků. Kromě toho, vyskakovací okna - WordPress Popup také poskytuje in-hloubkové možnosti konfigurace. Podívejme se na některé ze základních vlastností, které má.

1. Úpravy pomocí editoru WYSIWYG

To je váš obvyklý WYSIWYG editor pro jakýkoli obsah WordPressu, takže jste s ním pravděpodobně již obeznámeni. Pop-up editor také přidává vaše Popup Vzhled (viz níže), takže můžete vidět, jak bude vypadat vaše konečné okno.

2. Zobrazení sociálních účtů pomocí zkratek

Chcete-li ve svém kontextovém okně zobrazit rámeček stránky na Facebooku nebo jakýkoli jiný odkazovaný sociální účet, tento plugin vám to umožní tím, že vám poskytne několik krátkých kódů.

Kliknutím na tlačítko Zobrazit možnosti odkaz pod každým krátkým kódem, uvidíte, jak můžete tyto modály přizpůsobit. Nejlepším způsobem, jak se tyto zkratky naučit, je experimentovat s nimi.

Kdybych chtěl zahrnout do svého výchozího okna na stránku Facebooku Hongkiat, vybral bych první krátký kód v seznamu a podle pokynů, které bych vyplnil požadovanými údaji. Zde je krátký kód, který skončím:

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

Přidáním tohoto krátkého kódu do dolní části vyskakovacího okna bude výsledek vypadat takto:

3. Upravte vzhled krabice

V Popup Vzhled můžete snadno přizpůsobit vzhled posledního vyskakovacího okna nastavením příslušných hodnot.

Kdybych například chtěl mít překryvné okno s prostým bílým pozadím, nastavil bych Barva pozadí a Barva okraje odpovídajícím způsobem.

4. Upravte pravidla pro zobrazení kontextového okna

Toto je pravděpodobně nejdůležitější volba, kde můžete nastavit úspěšné výzvy k akci. V tomto poli můžete nastavte podmínky, kdy bude plugin zobrazovat vaše vyskakovací okno. Čím přesněji jsou cílená a tedy relevantní vaše vyskakovací okna, tím lépe budou konvertovat!

Nejjednodušší způsob, jak porozumět pravidlům vyskakovacího okna, je zacházet se třemi komponentami (každá označená samostatným vstupním pruhem, viz níže uvedená obrazovka) nastavení jako části složené věty.

Můžeš přidejte tolik pravidel, kolik chcete kliknutím na a na konci pravidla nebo tlačítkem přidání zcela nové sady pravidel kliknutím na Přidat skupinu pravidel tlačítko ve spodní části krabice.

Pravidla, která přidáte pomocí a Tlačítko umožní, aby se vaše okno zobrazilo, kdy všechny podmínky uvnitř dané skupiny pravidel jsou splněny. Nové skupiny pravidel se přidávají jako prohlášení OR, takže pokud máte více než jednu skupinu pravidel, automaticky se vyskakuje kterékoli skupiny pravidel je platný.

Řekněme, že chci ukázat vyskakovací okno pouze na mých předních stránkách pro uživatele, kteří nejsou smartphony, a také chci ukázat, že je to někdo, kdo si prohlíží mé produkty. Pro toto vyskakovací okno budu používat následující podmínky:

První skupina pravidel:

• -li Typ stránky (Možnost 1) je rovný (možnost 2) Přední strana (možnost 3) A
• -li Mobilní telefon (Možnost 1) není rovno (možnost 2) Skutečný (možnost 3) NEBO

Druhá skupina pravidel:

• -li Typ příspěvku (Možnost 1) je rovný (možnost 2) produkt (možnost 3)

5. Přizpůsobte možnosti zobrazení kontextového okna

Když plugin vidí, že podmínky, které jste nastavili Pravidla pro zobrazení automaticky otevíraných oken jsou splněny, vypadá do Volby zobrazení nastavení jak zobrazit modální.

Většina vyskakovacích oken se zobrazí uprostřed obrazovky uživatele, ale pokud chcete změnit tuto možnost, stačí vybrat jinou možnost Poloha krabice rozbalovací seznam. Vaše vyskakovací okno může vyblednout nebo sklouznout v závislosti na vaší volbě Animace volba.

Pokud požadujete nějakou akci od svých návštěvníků v místní nabídce, měli byste nastavit Blízko konverze? na Ano.

Chcete-li se vyvarovat výše uvedených chyb v okně, věnujte pozornost svému Spouštěcí akce volba. Můžeš nastavit časové zpoždění, takže vaše popup bude zobrazit po uplynutí určitého počtu sekund po načtení stránky, nebo můžete vyhodit vaše popup, pokud váš návštěvník prošel procentem vašeho obsahu.

Kdybych chtěl, aby se mé předchozí vyskakovací okno zobrazilo po 10 vteřinách, které uplynuly na jakékoli stránce produktu, vybral bych sekund po načtení stránky a nastavte ji na 10.

A teď, když znáte své možnosti a možnosti vyskakovacích oken - WordPress Popup plugin, pojďme se podívat na nějaké nápady, jak vytvořit opravdu úžasné, dobře cílené vyskakovací okno s výzvou k akci!

Jak vytvořit úspěšnou výzvu k akci

1. Promo produktu

Využití marketingového obsahu - vytváření relevantního, hodnotného obsahu, který se vztahuje k jednomu nebo některým z vašich produktů - můžete specificky cílit na specializované publikum, aniž by se zdálo, že se skutečně prodává..

Myšlenkou tohoto druhu vyskakovacího okna je, že když vaši uživatelé již čtou příspěvek, ve kterém demonstrujete použití nebo účinnost produktu, lze předpokládat, že mají zájem.

Tak proč ne inicializovat vyskakovací okno produktu že požáry, když váš čtenář je téměř prostřednictvím svého článku o tomtéž výrobku ?! Nastavení je opravdu snadné.

• Soubor Pravidla pro zobrazení automaticky otevíraných oken zobrazí se vyskakovací okno, pokud se stránka nebo pošta rovná obsahu vaší stránky nebo názvu příspěvku.
• Soubor Spouštěcí akce v Volby zobrazení na % výšky stránky s hodnotou okolo 70-80%, takže vyskakovací okno se zobrazí pouze tehdy, když se diváci již seznámili s výhodami.

Proč také neumožnit návštěvníkům okamžitě přidejte propagovaný produkt do svého košíku?

Chcete-li to provést, musíte zjistit konkrétní ID produktu ze seznamu produktů a vložit jej do následujícího krátkého kódu: [produkt]. Pokud máte tento krátký kód, vložte jej do editoru vyskakovacích oken pomocí editoru příspěvků WYSIWYG.

Pokud k nim ještě nic zvláštního nepřidáte, budete stále skoncovat s takovými událostmi (s trochou pomoci The Marketing Gibberish Generator):

Tuto metodu můžete také použít pro upsells, např. poskytování doplňků k určitým produktům ve vyskakovacích oknech poté, co návštěvník strávil nějaký čas na stránce produktu (protože obvykle označuje, že čte popis produktu).

2. Registrace na dárek

V mnoha případech se chcete ujistit, že můžete oslovte své předchozí zákazníky později když máte prodej, některé nové produkty nebo podobně. Dobrý způsob, jak to udělat (bez newsletteru) je nechte je zaregistrovat na vaše stránky.

Pravděpodobně nejlepším místem k tomu je buď nebo na obrazovce pokladny že se dívají přímo před jejich nákupem.

Soubor Pravidla pro zobrazení automaticky otevíraných oken aby vaše modální zobrazení:

• pokud je stránka rovna Checkout (nebo cokoliv, co jste pojmenovali) AND
• pokud není uživatel přihlášen

Jak nastavit: Uživatel je přihlášen není rovno | Skutečný

Soubor Spouštěcí akce v Volby zobrazení na několik sekund, takže se okno automaticky nezobrazí.

Jak nastavit: sekund po načtení stránky 3

Nejjednodušší způsob, jak vytvořit registrační okno, je prezentovat uživatelům odkaz nebo tlačítko, které ukazuje na registrační obrazovku. Registrační odkaz naleznete ve spodní části přihlašovací stránky aplikace WordPress.

Pokud na přihlašovací obrazovce nevidíte odkaz Registrovat, pravděpodobně jste nepovolili registraci návštěvníků. Musíte se dostat do svého Nastavení> Obecné admin menu, a zkontrolujte Registrovat se může kdokoli volba.

Až budete hotovi s vyskakovacím oknem motivace, pravděpodobně skončíte s něčím takovým:

Pravděpodobně znáte nákupní zvyklosti svých zákazníků lépe, ale ve většině případů kupón na malou částku nebo doprava zdarma usnadňuje přesvědčení návštěvníků k registraci.

Nastavte je pomocí WooCommerce Manažer kupónů (naleznete pod WooCommerce> Kupóny nabídky) a odešlete kupóny v potvrzovacím e-mailu.

3. Kupóny pro vracející se zákazníky

Je to vždy příjemné vidět online obchod, který opravdu hodnotí své vracející se zákazníky tím, že jim nabídne menší slevu nebo bezplatné dárky pro jejich návrat do firmy.

Ve výchozím nastavení získají registrovaní zákazníci Zákazník role uživatele po prvním nákupu. Vzhledem k tomu, že se jedná o jinou roli uživatele než jiné redakční role WordPressu, je velmi snadné zacílit na tyto osoby vyskakovací okno, ve kterém můžete tento speciální kupónový kód poskytnout nebo jim nabídnout zdarma, jinak neuvedený produkt jako dárek..

Mohlo by to být také dobré cíleně na své stálé zákazníky, například lidé, kteří si koupili věci více než třikrát, s takovou nabídkou. K tomu je třeba nastavit vlastní role uživatele jen pro ně, což se nejlépe provádí pomocí vlastních kódů a funkcí, nebo pomocí pluginu.

Prozatím nastavte svůj Pravidla pro zobrazení automaticky otevíraných oken zobrazit místní okno, pokud se role uživatele rovná vaší vlastní sadě rolí pro nejvěrnější zákazníky. Nejlepší je ponechat podmínky pouze na základě role uživatele a aby se vaše vyskakovací okno po určité době strávilo kdekoli na vašem webu.

Jsem si jist, že vaši zákazníci vás budou milovat za toto malé upozornění, zejména pokud máte možnost zobrazit jejich jméno ve vyskakovacím okně, aby bylo skutečně personalizované (možná pomocí nějakého úžasného pluginu s krátkým kódem).

Závěrečná slova

Je tu spousta WordPress popup pluginů, zdarma a premium, tam venku ve volné přírodě, a některé jsou účinnější než ostatní, pokud jde o cílení vaše modály. Zatímco jsme v tomto příspěvku použili Popups - WordPress Popup, existuje spousta dalších silných konkurentů i mezi bezplatnými pluginy.

Doporučuji vám nejprve nastavit několik vyskakovacích oken pomocí našich příkladů výše a zjistit, jak fungují. Potom po chvíli vyhledejte další možnosti v úložišti pluginů WP a zjistěte, co mohou nabídnout. Po pečlivém experimentování budete moci dokonale konfigurovat svá vyskakovací okna pro web WooCommerce

Pokud jde o mě, vždy používám alespoň tyto 2 (a někdy přidávám možnosti-light třetina ke svazku) pluginy, aby se mé publikum co nejlépe zaměřilo.

I když je důležité správně konfigurovat a cílit svá vyskakovací okna, vždy si také pamatujte měří úspěch každého z vašich automaticky otevíraných oken. Použití analýzy, webové stránky heatmaps, nebo jakékoli jiné nástroje, abyste zjistili, zda si je návštěvníci vůbec přečetli.

Pokud zjistíte, že dobře cílené popup funguje špatně, zkuste to přeformulovat nebo přepracovat. Znáte své zákazníky to nejlepší, brzy se vám podaří vytvořit perfektní vyskakovací okna!