Joomla! a konverze

Vyskakovací okno zobrazené ve správný okamžik může zachytit návštěvníka těsně před odchodem z webu. Rozšíření EngageBox pro Joomla! umí pomocí spouštěče Exit Intent sledovat pohyb myši a otevřít popup, když kurzor míří k hornímu okraji prohlížeče – typicky ke křížku pro zavření karty.

V tomto návodu vytvoříme exit popup pouze pro počítače. Na mobilech a tabletech jej skryjeme, protože tam není myš a detekce odchodu funguje jiným způsobem.

Co budete potřebovat

Joomla!, nainstalované rozšíření EngageBox a licenci Pro. Spouštěč Exit Intent i podmínka podle zařízení patří mezi placené funkce.

Co je Exit Intent popup

Exit Intent je způsob spuštění vyskakovacího okna podle chování návštěvníka. Na desktopu EngageBox sleduje pohyb myši. Když kurzor opustí horní část stránky a míří k panelu karet nebo ovládacím prvkům prohlížeče, systém vyhodnotí, že uživatel pravděpodobně odchází, a zobrazí připravenou nabídku.

Popup může obsahovat slevový kód, výzvu k nezávazné poptávce, přihlášení k newsletteru, připomenutí rozpracovaného košíku nebo jednoduchý odkaz na nejdůležitější stránku.

1. Nainstalujte a aktivujte EngageBox

1. Stáhněte rozšíření

Na webu výrobce Tassos.gr si můžete stáhnout EngageBox. Pro tento návod potřebujete variantu Pro, protože bezplatná verze spouštěč Exit Intent ani podmínku Device Type nenabízí.

2. Nainstalujte balíček

V administraci Joomla! otevřete Systém → Instalace → Rozšíření, nahrajte instalační ZIP a zkontrolujte, že je systémový plugin EngageBox povolený.

2. Vytvořte nové vyskakovací okno

3. Založte popup

Otevřete Komponenty → EngageBox a vytvořte nový box. Jako typ je pro klasické vyskakovací okno vhodný Lightbox Popup. Vyberte šablonu nebo začněte s prázdným obsahem.

4. Vložte obsah

Napište krátký nadpis, jasnou výhodu a jednu hlavní výzvu k akci. Do popupu můžete vložit také Joomla modul, RSForm! Pro, Convert Forms nebo vlastní HTML podle použité integrace.

Vytvoření obsahu vyskakovacího okna v EngageBoxu
Obsah popupu může zahrnovat text, tlačítka i vložený formulář.
Nastavení vzhledu popupu v kartě Design rozšíření EngageBox
V kartě Design nastavíte rozměry, odsazení, pozici, barvy a tlačítko pro zavření.

Méně je více

Uživatel už chtěl odejít. Dlouhý text nebo mnoho tlačítek jej pravděpodobně nepřesvědčí. Uveďte jednu nabídku, několik nezbytných polí a výrazné tlačítko. Křížek pro zavření musí zůstat dobře viditelný.

3. Nastavte otevření při pohybu myši ke křížku

5. Otevřete kartu Behavior

V nastavení popupu přejděte na kartu Behavior a najděte sekci Trigger.

6. Zvolte Exit Intent

V poli Trigger vyberte Exit Intent. EngageBox nyní popup otevře při pohybu myši z prostoru stránky směrem k hornímu okraji prohlížeče.

7. Nastavte minimální čas

Volba Minimum Time určuje, kolik milisekund po načtení stránky se spouštěč nesmí aktivovat. Výchozí hodnota 1000 ms omezuje okamžité falešné spuštění. V praxi často dává smysl 3000 až 5000 ms, aby návštěvník nejprve dostal čas stránku vnímat.

8. Omezte opakování

U položky Firing Frequency zvolte Once Per Page. Varianta Unlimited může popup otevřít při každém dalším pohybu k hornímu okraji a návštěvníka zbytečně obtěžovat.

Nastavení spouštěče Exit Intent v EngageBoxu
V kartě Chování vyberte Exit Intent, minimální dobu a frekvenci spuštění.

4. Skryjte popup na mobilu a tabletu

EngageBox umí Exit Intent vyhodnocovat i na dotykových zařízeních, například podle posunu stránky nahoru. Pokud však chcete popup zobrazit výhradně při pohybu myši ke křížku, omezte jej pouze na desktop.

9. Otevřete Display Conditions

Přejděte na kartu Display Conditions. Namísto zobrazení bez omezení vyberte možnost Set Conditions.

10. Přidejte podmínku Device

Klikněte na přidání nové podmínky a vyberte Device nebo Device Type. Nastavte shodu pouze na hodnotu Desktop. Mobile ani Tablet nevybírejte.

Podmínka Device Type pro zobrazení EngageBoxu na desktopu
Podmínka Device Type omezuje popup na vybrané typy zařízení.

11. Zkontrolujte logiku podmínek

Pokud přidáváte i omezení podle stránky, kategorie nebo URL, ověřte spojení pravidel. Popup se má zobrazit jen tehdy, když současně platí vybraná stránka a zařízení Desktop.

Výsledek nastavení

Na počítači se popup otevře, když návštěvník po uplynutí minimálního času zamíří myší k hornímu okraji prohlížeče. Na mobilu ani tabletu se box vůbec nevykreslí.

5. Nastavte, kde a jak často se má popup zobrazovat

  • Vyberte jen stránky, na kterých nabídka dává smysl.
  • Nastavte dobu, po kterou má popup po zavření zůstat skrytý.
  • Omezte počet zobrazení jednomu návštěvníkovi.
  • Nepouštějte několik popupů současně.
  • Po odeslání formuláře nabídku znovu nezobrazujte.

U exit popupu je frekvence zásadní. Nabídka zobrazená při každé návštěvě a na každé stránce může zvýšit počet rychlých odchodů místo konverzí.

6. Otestujte funkčnost

  1. Otevřete web v anonymním okně na počítači.
  2. Počkejte déle než nastavený Minimum Time.
  3. Přesuňte myš k hornímu okraji, jako byste chtěli zavřít kartu.
  4. Ověřte otevření popupu, jeho zavření křížkem i klávesou Escape, pokud ji máte povolenou.
  5. Zkontrolujte odeslání formuláře a doručení e-mailu.
  6. Otevřete stejnou stránku na telefonu a ověřte, že se popup nezobrazí.

Při testování smažte cookies nebo použijte anonymní okno. Nastavený limit zobrazení může jinak způsobit, že popup při dalším pokusu neuvidíte.

Nejčastější chyby

Popup se nezobrazuje

Zkontrolujte publikování boxu, přiřazení stránky, podmínku Desktop, minimální čas, cookies a limity zobrazení.

Zobrazuje se i na mobilu

Ověřte, že pravidlo Device zahrnuje pouze Desktop a že cache neposílá všem zařízením stejnou uloženou variantu stránky.

Otevírá se příliš často

Použijte Once Per Page a nastavte dobu skrytí po zavření. Zvažte také limit impresí na návštěvníka.

Formulář nefunguje

Ověřte integraci formulářového rozšíření, zpracování content pluginů a chyby JavaScriptu v konzoli prohlížeče.

Časté dotazy k EngageBox a Exit Intent popupu

Ano. Spouštěč Exit Intent a pokročilé podmínky zobrazení podle typu zařízení jsou dostupné v EngageBox Pro.

Na počítači sleduje pohyb kurzoru. Když myš zamíří k hornímu okraji prohlížeče, například ke křížku karty, aktivuje se Exit Intent.

Klasický Exit Intent využívá pohyb myši, který na dotykových zařízeních neexistuje. Omezení na desktop proto zajišťuje předvídatelné spuštění a méně rušivý mobilní web.

EngageBox může na mobilech využívat jiné signály, například posun stránky nahoru. Pokud chcete reagovat výhradně na pohyb myši ke křížku, nastavte Device Type pouze na Desktop.

V úpravě popupu otevřete kartu Chování neboli Behavior a v sekci Spouštění vyberte Exit Intent.

Výchozí hodnota je 1000 ms. Pro běžný obsah často dává smysl 3000 až 5000 ms, aby popup nereagoval na náhodný pohyb kurzoru ihned po načtení stránky.

Zvolte frekvenci Jednou na stránce, nastavte limit zobrazení a dobu, po kterou se popup po zavření uživateli znovu neukáže.

Zkontrolujte publikování boxu, podmínky stránky a zařízení, minimální dobu, limity zobrazení a cookies. Pro opakovaný test použijte anonymní okno nebo cookies smažte.

Ano. Formulář lze obvykle vložit prostřednictvím Joomla modulu nebo podporovaného shortcode. Ověřte zpracování content pluginů a celé odeslání včetně potvrzovacího e-mailu.

Příliš častý, špatně zavíratelný nebo mobilní popup může návštěvníky rušit. Použijte jasné zavírací tlačítko, omezenou frekvenci, přístupné ovládání a popup zobrazujte jen tam, kde má skutečný přínos.

Shrnutí

Pro desktopový exit popup v EngageBoxu nastavte v kartě Behavior spouštěč Exit Intent, rozumný minimální čas a frekvenci Once Per Page. V Display Conditions přidejte podmínku Device = Desktop. Tím získáte okno, které se zobrazí pouze uživatelům s myší při pohybu směrem k zavření karty a nebude rušit návštěvníky na mobilech.

Podrobnosti najdete také v oficiální dokumentaci k Exit Intent triggeru a k Display Conditions.