Kattintásra
Nyisd meg a popupot, amikor valaki egy gombra, képre, linkre vagy bannerre kattint.
Röviden
Így működik a kattintásra megjelenés.
A kattintásra megjelenés akkor nyitja meg a popupot, amikor a látogató rákattint az oldalad egy általad megadott elemére, például egy gombra, linkre vagy bannerre.
Ilyenkor a popup egy mini landing oldalként működik. Tegyél egy e-book linket egy blogbejegyzésbe, és kattintásra megnyílik az e-mail-címet gyűjtő popup.
Az elemet CSS-szelektorral adod meg, például #cta-button vagy .promo-banner a. Többet is felvehetsz, és bármelyikre kattintanak, megnyílik a popup.
Előnyök
Miért érdemes használni?
Akkor nyílik meg, amikor kérik.
A látogató maga kattintott, így a popup nem zavarja, hanem arra válaszol, amire kíváncsi.
Bármelyik elemre beállíthatod.
Bármire, amit CSS-sel ki tudsz választani, és a benne lévő elemekre leadott kattintások is számítanak.
Eszközök szelektoronként.
Minden szelektornak saját Asztali / Mobil kapcsolója van, így az egyik lehet csak asztali, a másik csak mobilos.
Beállítás
Három lépés, és kész.
- 11. lépés
Keresd meg az elemet
Chrome-ban kattints rá jobb gombbal, és válaszd a Vizsgálat lehetőséget. Az id="promo"-ból #promo, a class="promo"-ból .promo lesz.
- 22. lépés
Add meg a szelektort
A Beállítások fülön add hozzá a Kattintásra feltételt, és soronként írj be egy szelektort, mindegyiket a saját eszközbeállításával.
- 33. lépés
Ments, és próbáld ki
Ments, majd kattints az elemre a webshopodban, és nézd meg, megnyílik-e a popup.
Továbbiak: Célzás és időzítés
Ezekkel együtt még jobb
Gyakori kérdések
A részletes beállítási útmutatót a Súgóközpontban találod.
Bármilyen CSS-szelektort: elemnevet, osztályt, azonosítót vagy ezek kombinációját, például a, div.container > a vagy #container.
Nem. Kattintásra az elem a szokásos működése helyett a popupot nyitja meg, ezért ne olyan elemet válassz, amelynek a saját funkciójára szükséged van.
Nem. A popup minden kattintásra megnyílik, újratöltés után is, sőt annak a látogatónak is, aki már kitöltötte, feltéve, hogy megfelel a célzási szabályoknak.
Chrome-ban kattints jobb gombbal az elemre, válaszd a Vizsgálat lehetőséget, és másold ki az id vagy a class értékét.
Próbáld ki a kattintásra megjelenést
a saját webshopodban.
Próbáld ki ingyen, bankkártya sem kell hozzá.