Ugrás a fő tartalomra

Woocommerce Integráció

Több mint 2 hónappal ezelőtt frissítve

Az OptiMonk és a WooCommerce összekapcsolása nagyon egyszerű. Ennek köszönhetően nem kell JavaScript kódot beillesztenünk a weboldal forráskódjába, hogy használni tudjuk az OptiMonkot. Mivel a WooCommerce az egy WordPress bővítmény, így ha az OptiMonkkal együtt szeretnénk használni, akkor elég csupán az OptiMonk és a WooCommerce alkalmazások telepítése a WordPress weboldalunk admin felületén keresztül.

Fontos megjegyezni, hogy attól függően, hogy WordPress.com vagy WordPress.org-ot használunk, a weboldal admin felülete kicsit eltérhet, de az OptiMonk telepítésének a lépései megegyeznek mindkét esetben.

Hogyan telepítheted az OptiMonk bővítményt egy WordPress weboldalra

Az OptiMonk telepítéséhez kövessük ezeket a lépéseket:

1) Lépj be a WordPress admin felületére, majd a bal oldali menüben válaszd a Bővítmények > Új hozzáadása menüpontot.

Bővítmények hozzáadása ‹ woocommersetest — WordPress3.png


2) A keresőmezőbe írd be: „OptiMonk”. Meg kell jelennie az „Exit Popups & Onsite Retargeting by OptiMonk” nevű bővítménynek. Kattints a Telepítés most gombra.

Bővítmények hozzáadása ‹ woocommersetest — WordPress2.png

3) A telepítés után nyomd meg az Bekapcsolás gombot.

Bővítmények hozzáadása ‹ woocommersetest — WordPress.png

Aktiválás után az OptiMonk beállítási oldalára kerülsz, ahol meg kell adnod az OptiMonk fiókazonosítódat (Account ID). Ezt az OptiMonk fiókod admin felületén találod meg.

4) Lépj be az OptiMonk fiókodba az https://app.optimonk.com/ oldalon.

5) A bal alsó sarokban kattints a Profilodra, majd a Beállításokra.

OptiMonk Admin - Google Chrome 2025-08-28 10.36.38.png

6) A bal oldali menüben kattints a Domainek lehetőségre.

OptiMonk Admin - Google Chrome 2025-08-28 10.38.39.png

7) Add hozzá a weboldalad domainjét, ha még nem tetted meg.

OptiMonk Admin - Google Chrome 2025-08-28 10.39.51.png

8) Másold ki az OptiMonk azonosítódat (ID) az URL-ből.

OptiMonk Admin - Google Chrome 2025-08-28 10.45.00.png

9) Menj vissza a WordPress admin felületre, a bal oldali menüben válaszd a Megjelenés > OptiMonk pontot, majd illeszd be az OptiMonk azonosítódat a bővítmény megfelelő mezőjébe.

OptiMonk ‹ woocommersetest — WordPress - Google Chrome.png

10) Kattints a Változtatások mentése gombra, és kész is vagy! 🎉

❗Győződj meg róla, hogy a gyorsítótár bővítményed ne zavarja az OptiMonk bővítmény működését.

Megeshet, hogy nem azonnal lép működésbe az OptiMonk a WordPress oldalakon a gyorsítótár (cache) bővítmények miatt. Ezek a bővítmények segítenek felgyorsítani a weboldalakat azáltal, hogy tömörítik és előállítják az HTML fájlokat, ezáltal csökkentik a szerver erőforrásait. Annak érdekében, hogy az OptiMonk zökkenőmentesen működjön és a kampányaid megjelenjenek a weboldaladon, az alábbi lépéseket ajánljuk:

  1. Add hozzá a következő domaineket a gyorsítótár figyelmen kívül hagyási listájához:

  1. Ürítsd ki a gyorsítótáradat. (cache)

Ha nem vagy biztos abban, hogyan kell ezt megtenni, nézd meg útmutatónkat a különböző WordPress gyorsítótár bővítmények beállításához az OptiMonk használatához.

Hogyan állítsd be a WordPress gyorsítótárat, hogy jól működjön az OptiMonk-kal

Előfordulhat, hogy az OptiMonk telepítése után a bővítmény nem indul el azonnal, mert a legtöbb WordPress oldal használ valamilyen cache (gyorsítótár) bővítményt.

A cache bővítmények feladata, hogy gyorsabbá tegyék a weboldaladat: összetömörítik és előállítják a WordPress HTML fájljait, így csökkentik a szerver terhelését (például az adatbázis-lekérdezések és PHP futtatások számát), és a látogatóknak statikus HTML oldalt szolgálnak ki.

Ha gyorsan szeretnéd ellenőrizni, hogy a weboldalad használ-e valamilyen cache rendszert, itt tudod megnézni:

Ha a teszt során „Cache hit” üzenetet látsz, az azt jelenti, hogy a látogatóid a weboldalad gyorsítótárazott (cache-elt) változatát kapják.

image (1).png

Gyakori WordPress cache bővítmények és a megoldások

Autoptimize

Ha Autoptimize-ot használsz, az OptiMonk scriptjeit ki kell zárnod a cache-ből.

image (2).png

Nyisd meg az Autoptimize beállításokat, majd a JavaScript Options résznél add hozzá a következő címeket a „Exclude Scripts” listához:

Ezután be kell állítanod, hogy az OptiMonk script aszinkron töltődjön be. Ehhez menj az Extra fülre az Autoptimize beállításoknál, és add hozzá a következőt az Async Javascript-files (advanced users) mezőbe:

image (3).png

Az Autoptimize eszköztárában van egy gyorsítótár törlő gomb. Kattints a Clear CSS/JS Cache gombra, majd frissítsd az oldalt.

image (4).png

Az OptiMonk kampánynak most már meg kell jelennie 🙂

Comet Cache

A Comet Cache által létrehozott gyorsítótár fájlokat a WordPress vezérlőpult bal oldali menüjében található Comet Cache menüpontra kattintva tudod törölni.

image (5).png

Ezután a jobb felső sarokban kattints a Clear gombra (kis ecset ikon).

image (6).png

Ha ez megvan, az OptiMonk alkalmazásnak rendben meg kell jelennie az oldaladon 🙂

Litespeed Cache

A gyorsítótár törléséhez kattints a LiteSpeed ikonra, majd válaszd a Purge All lehetőséget. Fontos: ha LiteSpeed Enterprise-ot használsz, előfordulhat, hogy néhány percbe telik, amíg a CDN cache is teljesen kiürül.

image (7).png

Ha a gyorsítótár törlése megtörtént, az OptiMonk kampányoknak meg kell jelenniük a weboldaladon 🙂

Nginx Helper

Az Nginx cache egy kicsit másképp működik, mint a legtöbb tárhelyszolgáltató által használt Apache cache. Ennek oka, hogy az Nginx a fastcgi vagy redis-cache rendszert használja, ezért alapból a szerveren kellene törölni a gyorsítótárat.

Azonban az Nginx Helper bővítménynek köszönhetően a cache törlését közvetlenül a WordPress admin felületéről is el tudod végezni.

A beállításoktól függően általában elég a felső eszköztárban a Purge cache gombra kattintani, és ezzel a gyorsítótár kiürül.

image (8).png

Előfordulhat, hogy a „Purge engedélyezése” beállítás ki van kapcsolva, és emiatt a felső eszköztárban nem jelenik meg a Purge Cache gomb.

Ilyenkor a gyorsítótár törléséhez menj a bal oldali menüben a Settings**> Nginx Helper** menüpontra.

image (9).png

Az Nginx Helper bővítmény oldalán lehetőséged lesz a Purge Entire Cache gombra kattintani, amivel a teljes gyorsítótárat törölheted.

Ha ez megtörtént, az OptiMonk kampányoknak rendben meg kell jelenniük a weboldaladon 🙂

WP Rocket

Ha a WP Rocket bővítményt használod, akkor az alábbi OptiMonk URL-eket hozzá kell adnod a Remove from Javascript Deferred List listához, valamint a Minify JavaScript Files kivételekhez is:

Az alábbi képernyőkép a Defer List-et mutatja (WP Rocket Súgó – dokumentáció): https://docs.wp-rocket.me/article/976-exclude-files-from-defer-js

image (10).png

Az alábbi képernyőkép a Minify List-et mutatja (WP Rocket Súgó – dokumentáció) - https://docs.wp-rocket.me/article/915-find-the-right-js-files-to-exclude-from-minification

image (11).png

Miután hozzáadtad és elmentetted a listákat, törölnöd kell a gyorsítótárat, majd elő kell töltened (preload) azt.

image (12).png

WP Super Cache

A WP Super Cache gyorsítótárát a felső eszköztárban található Delete Cache gombbal tudod törölni. Egyszerűen kattints rá, és a gyorsítótár törlődik.

image (13).png

Előfordulhat, hogy a Delete Cache felirat nem jelenik meg a felső eszköztárban. Ilyenkor nyisd meg a WP Super Cache tényleges beállításait. Menj a bal oldali menüben a Settings > WP Super Cache menüpontra.

image (14).png

Görgess lejjebb az oldalon, és látni fogod a Delete Cache gombot. Ha törölted a gyorsítótárat, az OptiMonk kampányoknak el kell kezdeniük megjelenni az oldaladon 🙂

Hogyan tudod szinkronizálni a Woocommerce oldaladat az OptiMonkkal

Ha az áruházad a WooCommerce platformon fut, ahhoz, hogy a termékkatalógust szinkronizálni tudjuk, további megerősítésre van szükség belépés után.

1) Lépj be az OptiMonk fiókodba az https://app.optimonk.com/ oldalon.

2) A bal alsó sarokban kattints a Profilodra, majd a Beállításokra.

OptiMonk Admin - Google Chrome 2025-08-28 10.36.38 (1).png

3) Menj a Kód beillesztése menüpontra, válaszd ki a domain nevedet, majd kattints a Tovább gombra.

OptiMonk Admin - Google Chrome 2025-09-02 16.28.57.png

4) Menj a 4. lépéshez, és keresd meg a Bejelentkezés gombot. Kattints a Bejelentkezés gombra, majd írd be a felhasználónevedet és jelszavadat.

OptiMonk Admin - Google Chrome 2025-09-02 16.36.48.png

4.b) Ha valamilyen okból nem tudtál bejelentkezni, keresd meg a WooCommerce opciót a WordPress adminisztrációs felületén, majd kattints a Beállítások menüpontra.

Képernyőkép 2025-09-02 164406.png

Keresd meg a Haladó opciót, majd keresd meg a REST API beállításokat.

WooCommerce beállítások ‹ woocommersetest — WordPress.png

Új REST API kulcs hozzáadásához kattints a Kulcs hozzáadása gombra.

WooCommerce beállítások ‹ woocommersetest — WordPress.png

Nevezd el az API kulcsodat, válaszd ki a tulajdonost, és állítsd be a kulcs hozzáférési típusát (Olvasás, Írás, vagy Olvasás/Írás).

WooCommerce settings ‹ woocommersetest — WordPress2 (1).png

Ha legeneráltad a kulcsot, illeszd be a Felhasználói kulcsot és a Felhasználói titkos kulcsot az OptiMonk fiókodba, a Bejelentkezés gomb alatt.

OptiMonk Admin - Google Chrome 2025-09-02 16.53.42.png

Fejezd be az integráció beállítását a Mentés gombra kattintva.

OptiMonk Admin - Google Chrome 2025-09-02 16.54.25.png

Gratulálunk, már használhatod is az OptiMonk-ot a weboldaladon!

Ha további segítségre van szükséged, vagy bármilyen kérdésed van, írj nekünk a [email protected] címre, és örömmel segítünk :)

Választ kapott a kérdésére?