2016. augusztus 3., szerda

Facebook Messenger integrálása a (WordPress) weboldaladra

Sok élő chat programot ismerek és próbáltam már, de az igazán jók fizetősek. Mivel mindenki Facebook-on van, jó kérdés, hogy be lehet-e integrálni a Facebook Messenger-t a WordPress weboldaladba? Szerencsére van már erre megoldás, ezt fogom neked megmutatni ebben a bejegyzésben.

Nem kell hozzá nagy technikai tudás, Te is be tudod állítani egyedül.

Szerencsére ez ingyenes, szóval fizetned se kell egy prémium bővítményért.

A módszer nem csak WordPress weboldalon működik, de én természetesen ezt mutatom meg neked.

Hogy néz ki a Messenger a weboldaladon?

Jobb oldalt lentre kerül egy kis ikon és ha rákattintanak, lehet egyből írni. Ezt Te (vagy aki kezeli az oldalt) megkapod Messengeren és tudsz egyből válaszolni.

messenger chat

Kattintás után felugrik a látogatónak egy új ablak, amiben rá kell kattintania egy gombra, hogy folytatja a Facebook felhasználójával. Ha ezt megcsinálja, egyből tud neked írni.

facebook chat felugró ablak

Na de nézzük is, mivel lehet ezt a legegyszerűbben beállítani?

Hogy telepítsd a Facebook Messengert a (WordPress) weboldaladra?

Nem bővítményt fogunk használni, hanem egy weboldalon állítjuk be, amit szeretnénk és bemásolunk hozzánk egy kódot.

Ez az alkalmazás a Supple oldalán érhető el.

Kezdésnek kattints a narancssárga PROCEED gombra.

Facebook oldalad nevének beírása

Menj az oldaladra és másold ki az oldalad felhasználónevét.

facebook-messenger-név-beírása

Egyéb beállítások

A következő oldalra a jobb oldalon lévő kis ugráló nyíllal mehetsz.

Itt több dolgot kell beállítani.

A csúszkákkal be kell állítanod, hogy mikor írhatnak Neked. Ezután beállíthatod azt is, hogy ha ezen az időn kívül vagy, akkor email-t küldhessenek.

Beállíthatod, hogy ha változás van a Facebookkal vagy ezzel a kis applikációval akkor kapj email-t. Szerintem célszerű beállítani, hogy ne működjön rosszul az alkalmazás.

Ezután még be kell írnod az email címed is és az időzónát, de ez szerintem jóra lesz beállítva, ha Magyarországon vagy.

Messenger ikon helyzete

Következő oldalon az ikon helyzetét állíthatod be, de ez alapból a jobb alsó sarokra van állítva, így én ott hagytam.

Kód kimásolása

Ne ijjedj meg nem olyan bonyolult, mint amilyennek elsőnek látszik.

A bal oldali kód lesz a miénk.

messenger kód kimásolása

CTRL+F-ek keress egyet az oldalon. Írd be, hogy “Message Us”. Ez látszik alapból a Messenger ikon mellett.

Ha megtaláltad akkor írd át, arra amire szeretnéd. Én “Kérdésed van? Küldj üzenetet!”-re állítottam.

Ezután kattints a Copy Minified Code-ra és így kimásolja a kódot.

Kód bemásolása /body elé Avadában

Attól függően, hogy milyen sablonod van, általában van egy opció, hogy a /body elé be tudj másolni kódot.

Avadában ezt a következő úton éred el: Balol oldali menüben Avada – Theme Options – Advanced

Ide simán egy CTRL+V-vel másold be a kódot, mentsd el és kész is vagy.

facebook messenger kód bemásolása avada

Kód bemásolása bővítménnyel

Ha nem Avadád van vagy nem találod meg a saját sablonodban ezt a lehetőséget, akkor egy egyszerű bővítménnyel is meg tudod csinálni ezt a másolást.

A bővítmény neve Insert Headers and Footers. Keress rá (WPBeginners csinálta), telepítsd, aktiváld.

Bal oldali Beállítások menüben találod a nevén.

A második rublikába kell beraknod.

insert headers footers

Ha ez meg van kész is vagy 🙂

Lett egy tök jó Facebook Messenger chat-ed a weboldaladon. Várhatod, hogy írjanak a látogatóid 🙂

A következő bejegyzés Facebook Messenger integrálása a (WordPress) weboldaladra elsőnek ezen a webcímen jelent meg: WPKurzus | WordPress tanfolyam.

Nincsenek megjegyzések:

Megjegyzés küldése