Tovább a tartalomhoz

Felugró regisztrációs ablak

A regisztrációs widget megjelenítése felugró ablakként egy gombra vagy hivatkozásra kattintva, CSS-választóval.

A regisztrációs widgettel felugró regisztrációs ablakot készíthetsz, amely akkor jelenik meg, amikor a látogató egy hivatkozásra vagy gombra kattint. Ehhez előbb hozd létre a widgetet a Regisztrációs widgetek: létrehozás és szerkesztő fejezet szerint.

1. A gomb vagy hivatkozás elkészítése az oldalon

Szekció neve “1. A gomb vagy hivatkozás elkészítése az oldalon”

Először készítsd el a hivatkozást vagy gombot az oldaladon a sablonszerkesztővel vagy az oldalszerkesztővel. Adj neki azonosítót (ID) vagy osztálynevet (class), amelyet a WebinarPress később megtalál.

Bármilyen nevet választhatsz, ha nincs benne szóköz. Jó példák: webinar-popup vagy webinarpress-registration. A gomb elkészítésének részletei a használt sablontól függnek.

2. A „Trigger On Click” bekapcsolása

Szekció neve “2. A „Trigger On Click” bekapcsolása”
  1. A widgetszerkesztő beállítópaneljén nyisd ki a Display as Popup csoportot.
  2. Kapcsold be a Trigger On Click kapcsolót.

Bekapcsolás után megjelenik a CSS Selector mező. Ide a gomb vagy hivatkozás választóját írd:

  • Ha osztálynevet adtál, a neve elé pontot tegyél. A webinar-popup osztályhoz a .webinar-popup kell.
  • Ha azonosítót adtál, a neve elé kettőskeresztet (#) tegyél, például #webinar-popup.
https://minta-bolt.hu/wp-admin/admin.php?page=wswbn-regforms
A Display as Popup csoport bekapcsolt kapcsolóval és CSS-választóval

A képen a Trigger On Click kapcsoló be van kapcsolva, a CSS Selector mezőben pedig a .webinar-popup választó áll.

A widget mentése után frissítsd az oldalt, amelyen a gomb vagy hivatkozás van: a gombra kattintva megjelenik a felugró ablak.

Ha gyorsítótár-bővítményt (például WP Super Cache vagy WP Rocket) használsz, a widget mentése után ürítsd a gyorsítótárat.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások