WordPress

Smartsupp Élő Chat Integráció

Még nincs Smartsupp fiókja? Regisztráljon ingyen mindössze 2 perc alatt.

WordPress.org

Válasszon ismertetőanyagot: WordPress.org, WordPress.com

  1. A plugin használata
  2. A kód manuális beillesztése
  3. Haladó egyéni változtatások

1.] A plugin használata

A legegyszerűbb módja a plugin telepítése és a fiókjába való bejelentkezés.

LÉPÉS 1 A plugin telepítése

Bővítmények> Új hozzáadása, keresse meg a Smartsupp Élő Chatet és kattintson a Telepítés most gombra.

smartupp-wordpress-plugin-01

A plugin telepítése után kattintson az Aktiválás gombra.

smartupp-wordpress-plugin-02

LÉPÉS 2 Bejelentkezés a Smartsupp fiókba  

Készíthet ingyenes fiókot, vagy összekapcsolhatja egy létező fiókkal is.

smartupp-wordpress-plugin-03

Ha minden rendben, akkor ezt az oldalt fogja látni.

smartupp-wordpress-plugin-04

KÉSZChateljen a látogatókkal

A Smartsupp chat most már látható a weboldalán, vagy a webáruházában. Jelentkezzen be a Smartsupp fiókjába és kezdjen el chatelni a látogatókkal. Állítsa be a chat doboz láthatóságát és dizájnját a Beállítások alatt.

  1. A plugin használata
  2. A kód manuális beillesztése
  3. Haladó egyéni változtatások

2.] A kód manuális beillesztése

Ha nem akarja használni a bővítményt, akkor közvetlenül beszúrhatja a kódot a WordPress témába is.

Legyen óvatos: megkárosíthatja a weboldalát! Azt javasoljuk, hogy küldje el ezt az útmutatót a webmesterének.
LÉPÉS 1 A kód másolása

A kódját a következő módon találja meg: Smartsupp > Beállítások > Chat doboz > Chat kód.

LÉPÉS 2 A kód beillesztése

Megjelenés> Szerkesztő> Fejléc téma (header.php)> kód beszúrása> Fájl frissítése

smartupp-wordpress-code

KÉSZChateljen a látogatókkal

A Smartsupp chat most már látható a weboldalán, vagy a webáruházában. Jelentkezzen be a Smartsupp fiókjába és kezdjen el chatelni a látogatókkal. Állítsa be a chat doboz láthatóságát és dizájnját a Beállítások alatt.

  1. A plugin használata
  2. A kód manuális beillesztése
  3. Haladó egyéni változtatások

3.] Haladó egyéni változtatások

Nem akarja használni a bővítményt, vagy a kódot manuálisan beszúrta, és speciális egyéni változtatásokra van szüksége?

LÉPÉS 1 A”Scripts n Styles” telepítése

Alapértelmezés szerint, amikor telepíti a bővítményt vagy beilleszti a kódot a fejlécbe, az minden oldalon megjelenik. Ha arra van szüksége, hogy a kód csak bizonyos meghatározott oldalakon jelenjen meg, vagy esetleg csak egy oldalon, telepítse a Scripts n Styles harmadik fél által gyártott WordPress bővítményt.

smartupp-wordpress-code-sns-01

LÉPÉS 2 A kód másolása

A kódját a következő módon találja meg: Smartsupp > Beállítások > Chat doboz > Chat kód.

LÉPÉS 3 A kód javítása 

Néhány apró változtatást kell végrehajtania az alapértelmezett kódban.

Olvassa el figyelmesen, különben nem fog működni. 

A mi kódunkból távolítsa el ezeket a sorokat.

<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
</script>

Az eredeti kódja …

<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
window.smartsupp||(function(d) {
 var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
 s=d.getElementsByTagName('script')[0];c=d.createElement('script');
 c.type='text/javascript';c.charset='utf-8';c.async=true;
 c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>

… így kell kinéznie, ahogy az alább látható. EZ CSAK PÉLDA. EZT NE MÁSOLJA!!

var _smartsupp = _smartsupp || {};
_smartsupp.key = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
window.smartsupp||(function(d) {
 var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
 s=d.getElementsByTagName('script')[0];c=d.createElement('script');
 c.type='text/javascript';c.charset='utf-8';c.async=true;
 c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
LÉPÉS 4 A kód beillesztése 
  1. Lépjen az Oldalak elemre, szerkessze a kívánt oldalt és a Scripts n Styles  alatt illessze be a módosított kódot.
  2. Kattintson a Szkriptek frissítése és a Frissítés elemre.

smartupp-wordpress-code-sns-02

KÉSZChateljen a látogatókkal

A Smartsupp chat most már látható a weboldalán, vagy a webáruházában. Jelentkezzen be a Smartsupp fiókjába és kezdjen el chatelni a látogatókkal. Állítsa be a chat doboz láthatóságát és dizájnját a Beállítások alatt.

WordPress.com

Válasszon ismertetőanyagot: WordPress.org, WordPress.com

A Smartsupp nem telepíthető a WordPress.com webhelyre

A chat kód nem telepíthető ingyenes WordPress.com webhelyre, mivel az egyéni pluginok nem telepíthetők ezen a platformon. Ezenkívül az egyéni JavaScript blokkolva van az ilyen típusú webhelyeken.