# Az OptiMonk telepítése WordPress weboldalra bővítménnyel Canonical URL: https://support.optimonk.com/hu/articles/installing-optimonk-on-a-wordpress-website WordPresshez nem kell kódrészletet beillesztened – a hivatalos OptiMonk bővítmény szúrja be neked a kódot. Az OptiMonktól csak az **OptiMonk ID** szükséges, amit az alkalmazás megad neked a telepítési útmutatóban. Akár WordPress.org, akár WordPress.com rendszert használsz, az admin felület kissé másképp néz ki, de a lépések ugyanazok. Ha a weboldalad egy WooCommerce webshop, a végén egy extra lépés is szerepel, amely lehetővé teszi, hogy az OptiMonk beolvassa a termékkatalógusodat. --- ## Hol találod ezt az útmutatót az OptiMonkban 1. Nyisd meg a **Beállítások** menüpontot a fiókod menüjéből, majd a **Domainok** fület. 2. Keresd meg a weboldaladat a listában. A sor a következőt mutatja: **Kód beillesztve** vagy **Nincs beillesztve**. 3. Kattints egy még nem csatlakoztatott domain sorára. Az OptiMonk megnézi a weboldaladat (*Az oldalad vizsgálata…*), és ha felismeri a platformot, megjelenít egy kártyát: *Felismertük a platformodat: Wordpress / Woocommerce*, amely tartalmazza az **Ezek a lépések várnak** részt, valamint egy **Csatlakoztatási útmutató** gombot. 4. Ha semmit nem ismer fel, akkor egy választót kapsz helyette – **Milyen típusú weboldalad van?** – ahol kiválaszthatod a **Wordpress / Woocommerce** opciót. Ugyanezzel az útmutatóval találkozol egy kampányból kiindulva is: közvetlenül a publikálás után megjelenik a **Snippet telepítése** oldal, egy kampányon belül pedig a **Kód beillesztése** párbeszédpanel is megnyitja. > Tipp: ha a domain nincs a listában, először add hozzá. Írd be az **Új domain, pl. example.com** mezőbe a Domains fül tetején, majd kattints a **Hozzáadás** gombra. --- ## 1. lépés – Telepítsd az OptiMonk bővítményt a WordPress weboldaladra 1. Jelentkezz be a WordPress weboldaladra, és kattints a **Plugins (Bővítmények)** menüpontra a bal oldalon, majd válaszd az **Add new (Új hozzáadása)** lehetőséget. Kattints a **Search (Keresés)** sávra, keress rá az **OptiMonk** kifejezésre, majd kattints az **Install Now (Telepítés most)** gombra. 2. Kattints az **Activate (Aktiválás)** gombra. Az aktiválás után az OptiMonk bővítményt megtalálod az **Installed Plugins (Telepített bővítmények)** listában. Ha a bővítmény már ott van, de régi, frissítsd a [legújabb verzióra](https://wordpress.org/plugins/exit-intent-popups-by-optimonk/) – az útmutató WooCommerce lépéséhez egy friss verzió szükséges. --- ## 2. lépés – Add meg az OptiMonk ID számodat Már nem kell az azonosítódat egy URL-ből kibányászni. Az útmutató második lépésének címe: **Insert your OptiMonk ID number: (Add meg az OptiMonk ID számodat: )** és megjeleníti magát a számot is. 1. Másold ki az OptiMonk ID-t a lépésből. 2. Térj vissza a WordPress admin felületre, navigálj az **Appearance (Megjelenés)** menüpontra a bal oldalon, majd válaszd az **OptiMonk** lehetőséget. Add meg az OptiMonk ID számodat az OptiMonk WordPress bővítményben. 3. Kattints a **Save Changes (Módosítások mentése)** gombra a beállítás befejezéséhez. --- ## 3. lépés – Győződj meg arról, hogy a cache bővítményed nem zavar be Előfordulhat, hogy az OptiMonk nem működik azonnal a WordPress weboldalakon egy cache bővítmény miatt. Ezek a bővítmények úgy gyorsítják fel a weboldalakat, hogy előre generált HTML-t tömörítenek és szolgálnak ki – ez azt is jelentheti, hogy az oldalad egy régebbi, OptiMonk kód nélküli verziója továbbra is megjelenhet. Az útmutató két dolgot kér: 1. Add hozzá ezeket a domaineket a cache figyelmen kívül hagyási listájához: - `https://onsite.optimonk.com` - `https://front.optimonk.com` 2. Töröld a cache-t a weboldaladon. Ellenőrizheted, hogy a weboldalad cache-elve van-e a [cache-checker.com](https://cache-checker.com) oldalon – bármilyen formája a **Cache hit (Cache-találat)** kifejezésnek azt jelenti, hogy egy cache-elt verzió jelenik meg. A szakasz további része sorra veszi a leggyakoribb bővítményeket. Ezen a téren a WordPress oldalán semmi nem változott. ### Autoptimize Nyisd meg az Autoptimize-t, és a **JavaScript Options (JavaScript beállítások)** alatt add hozzá ezeket az **Exclude scripts from Autoptimize (Szkriptek kizárása az Autoptimize-ból)** mezőhöz: - `https://onsite.optimonk.com` - `https://front.optimonk.com` Az Autoptimize-nak az OptiMonk szkriptet aszinkron módon is be kell töltenie. Az Autoptimize beállítások oldalának **Extra** fülén add hozzá a `https://onsite.optimonk.com/script.js` címet az **Async Javascript-files (advanced users)** (Aszinkron JavaScript-fájlok, haladó felhasználóknak) mezőhöz. Az Autoptimize egy kis eszköztárat helyez el az oldal tetején: kattints az **Autoptimize** → **Clear CSS/JS Cache (CSS/JS cache törlése)** menüpontra. Ezután töltsd be a weboldaladat, és meg kell jelennie az OptiMonk kampányodnak. ### Comet Cache Nyisd meg a **Comet Cache** elemet a WordPress irányítópult bal oldali menüjéből, majd kattints a **Clear (Törlés)** gombra (a kis kefe ikonra) az oldal jobb felső részén. ### LiteSpeed Cache A LiteSpeed Cache általában a WordPress eszköztárban található. Kattints a LiteSpeed ikonra, és válaszd a **Purge All (Mindent töröl)** lehetőséget. LiteSpeed Enterprise esetén a CDN cache törlése eltarthat néhány pillanatig. ### Nginx Helper Az Nginx cache-elés általában a szerveren történik (FastCGI vagy redis-cache), de az Nginx Helper bővítmény lehetővé teszi, hogy WordPressből töröld azt. A beállításaidtól függően kattints a **Purge Cache (Cache törlése)** gombra a felső eszköztárban. Ha az **Enable Purge (Törlés engedélyezése)** opció ki van kapcsolva, az eszköztár gombja hiányzik. Ebben az esetben navigálj a **Settings → Nginx Helper (Beállítások → Nginx Helper)** menüpontra az irányítópult oldalsó menüjéből, és töröld a teljes cache-t a bővítmény oldaláról. ### WP Rocket Add hozzá a következő OptiMonk URL-eket az **Eltávolítás a JavaScript késleltetésből** listához, és a **JavaScript fájlok minifikálása** kizárási listához is: - `https://onsite.optimonk.com` - `https://front.optimonk.com` A WP Rocket saját dokumentációja mindkét listát bemutatja: [exclude files from defer JS (fájlok kizárása a JS késleltetésből)](https://docs.wp-rocket.me/article/976-exclude-files-from-defer-js) és [find the right JS files to exclude from minification (a megfelelő JS fájlok megtalálása, amelyeket ki kell zárni a minifikálásból)](https://docs.wp-rocket.me/article/915-find-the-right-js-files-to-exclude-from-minification). Amint elmentetted őket, töröld és töltsd elő újra a cache-t. ### WP Super Cache A WP Super Cache egy **Delete Cache (Cache törlése)** linket helyez el a felső eszköztárban – elég rákattintani. Ha a link nincs ott, navigálj a **Settings → WP Super Cache (Beállítások → WP Super Cache)** menüpontra a bal oldali menüben, görgess lejjebb egy kicsit, és használd a **Delete Cache (Cache törlése)** gombot. --- ## 4. lépés – WooCommerce csatlakoztatása (csak webshopok esetén) Ez a lépés csak akkor jelenik meg, ha a weboldalad egy WooCommerce webshop, és a WooCommerce katalógus-kapcsolat engedélyezve van a fiókodon. Ez teszi lehetővé, hogy az OptiMonk beolvassa a termékeidet, így az olyan funkcióknak, mint a termékajánló, lesz mit megjelenítenie. 1. Kattints a **Login (Bejelentkezés)** gombra a lépésben, majd add meg a WordPress felhasználóneved és jelszavad. A WooCommerce legenerálja a kulcsokat, és elküldi őket az OptiMonknak helyetted. 2. Ha nem tudsz így bejelentkezni a webshopodba, add meg a kulcsokat kézzel. A WordPressben navigálj a **WooCommerce → Settings → Advanced → REST API (WooCommerce → Beállítások → Speciális → REST API)** menüpontra, hozz létre egy új kulcsot olvasási és írási jogosultsággal, majd illeszd be a generált értékeket a **Felhasználói kulcs** és a **Felhasználói titkos kulcs** mezőkbe az OptiMonkban, majd kattints a **Mentés** gombra. Ha sikerült, a lépés a következőt mutatja: *Csatlakoztatva – be tudjuk olvasni a WooCommerce katalógusodat.* A kapcsolatot bármikor megszüntetheted a **Visszavonás** gombbal; az OptiMonk ekkor figyelmeztet, hogy *Ha visszavonod, nem tudjuk frissíteni a termékkatalógusodat.* Néhány üzenet, amit az egykattintásos gomb helyett láthatsz: - *„Még nem láttunk WooCommerce-t ezen: example.com.”* – fejezd be a fenti lépéseket, és futtasd le az ellenőrzést; az egykattintásos kapcsolat megjelenik, amint észleljük. A kulcsokat továbbra is megadhatod kézzel. - *Ez a domain már csatlakoztatva van a {shopType} rendszerhez az OptiMonk fiókodban.* – előbb szüntesd meg a kapcsolatot azzal a webshoppal, mert a WooCommerce csatlakoztatása itt lecserélné azt. --- ## Ellenőrizd, hogy a kód fut-e Az útmutató alján található egy **Ellenőrzés most** gomb. Ez egyszer betölti a weboldaladat, és megkeresi az OptiMonk kódot – nem kell valós látogatókra várnod. - *„Az OptiMonk kód él a következőn: example.com.”* – ezzel készen is vagy. - *„Megnéztük a következőt: example.com, de még nem találtuk meg az OptiMonk kódot.”* – győződj meg arról, hogy elmentetted a módosításokat, és hogy az oldal nyilvánosan elérhető, majd kattints az **Ellenőrzés újra** gombra. WordPressen ez majdnem mindig a cache miatt van: töröld azt, és ellenőrizd újra. - *„Van OptiMonk kód a következőn: example.com, de az egy másik fiókhoz tartozik.”* – a weboldal még egy régebbi telepítést tartalmaz; cseréld ki az azonosítót a 2. lépésben szereplőre. Egy sikeres ellenőrzés után a domain sora a **Beállítások → Domainek** menüpontban a következőt mutatja: **Kód beillesztve**, valamint a platformot és a telepítés módját. > Ha a sor később a következőt mutatja: *nincs friss forgalom*, a kód továbbra is telepítve van – csak senki nem töltött be oldalt arról a domainről az elmúlt 24 órában. --- ## Nem tudod ezt egyedül megcsinálni? Az útmutatóban nyisd meg a **Segítségre van szükséged?** részt, és válaszd az **Elküldöm az instrukciókat a fejlesztőmnek** lehetőséget. Add meg a nevét és e-mail-címét, szükség esetén szerkeszd az üzenetet, majd kattints az **Instrukciók elküldése** gombra – így megkapja a kódrészletet és a hozzá tartozó teendőket, anélkül, hogy OptiMonk bejelentkezésre lenne szüksége. --- Ha további segítségre van szükséged, vagy bármilyen kérdésed van, csak jelezd nekünk, és szívesen segítünk.