Anàlisi i provesContent MàrquetingEines de màrqueting

WordPress: obriu una finestra de xat en directe fent clic a un enllaç o botó amb Elementor

Un dels nostres clients en té Elementor, una de les plataformes de creació de pàgines més robustes per a WordPress. Els hem estat ajudant a netejar els seus esforços de màrqueting entrant durant els darrers mesos, minimitzant les personalitzacions que van implementar i aconseguir que els sistemes es comuniquin millor, inclòs amb l'anàlisi.

El client té Xat en directe, un fantàstic servei de xat que té una integració robusta de Google Analytics per a cada pas del procés de xat. LiveChat té una API molt bona per integrar-la al vostre lloc, inclosa la possibilitat d'obrir la finestra de xat mitjançant un esdeveniment onClick en una etiqueta d'ancoratge. Així és com es veu:

<a href="#" onclick="parent.LC_API.open_chat_window();return false;">Chat Now!</a>

Això és útil si teniu la possibilitat d'editar el codi bàsic o afegir HTML personalitzat. Amb Elementor, però, la plataforma està bloquejada per motius de seguretat, de manera que no podeu afegir un Esdeveniment onClick a qualsevol objecte. Si teniu aquest esdeveniment onClick personalitzat afegit al vostre codi, no rebeu cap tipus d'error... però veureu el codi eliminat de la sortida.

Ús d'un escolta jQuery

Una limitació de la metodologia onClick és que hauríeu d'editar tots els enllaços del vostre lloc i afegir aquest codi. Una metodologia alternativa és incloure un script a la pàgina que escolta per fer un clic específic a la vostra pàgina i executa el codi per vosaltres. Això es pot fer buscant qualsevol etiqueta d'ancoratge amb un específic Classe CSS. En aquest cas, estem designant una etiqueta d'ancoratge amb una classe anomenada openchat.

Dins del peu de pàgina del lloc, he afegit aquest HTML personalitzat amb l'script necessari:

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  jQuery('.openchat a').click(function(){
    parent.LC_API.open_chat_window();return false;
  });
});
</script>

Ús d'un oient JavaScript

Alternativament, aquí teniu el codi amb JavaScript:

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  var openchatElements = document.querySelectorAll('.openchat');
  openchatElements.forEach(function(element) {
    element.addEventListener('click', function() {
      if (parent.LC_API && parent.LC_API.open_chat_window) {
        parent.LC_API.open_chat_window();
      }
      return false;
    });
  });
});
</script>

Ara, aquest script és a tot el lloc, així que independentment de la pàgina, si tinc una classe de

xat obert si feu clic, obrirà la finestra de xat. Per a l'objecte Elementor, només posem l'enllaç a # i la classe com a xat obert.

enllaç elementor
Elementor classes de configuració avançada

Per descomptat, el codi es pot millorar o utilitzar per a qualsevol altre tipus d'esdeveniment, com ara a Esdeveniment de Google Analytics. Per descomptat, LiveChat té una integració excepcional amb Google Analytics que afegeix aquests esdeveniments, però l'incloc a continuació com a exemple:

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  jQuery('.openchat a').click(function(){
    parent.LC_API.open_chat_window();return false;
    gtag('event', 'open_chat_window', {
       'event_category': 'Chat Interaction',
       'event_label': 'Live Chat Opened'
    });
  });
});
</script>

Crear un lloc amb Elementor és senzill i recomano molt la plataforma. Hi ha una gran comunitat, tones de recursos i uns quants complements Elementor que milloren les capacitats.

Comenceu amb Elementor Comenceu amb LiveChat

Douglas Karr

Douglas Karr és CMO de OpenINSIGHTS i el fundador de la Martech Zone. Douglas ha ajudat a desenes d'empreses d'èxit de MarTech, ha ajudat en la diligència deguda de més de 5 mil milions de dòlars en adquisicions i inversions de Martech i continua ajudant les empreses a implementar i automatitzar les seves estratègies de vendes i màrqueting. Douglas és un expert i conferenciant de MarTech en transformació digital reconegut internacionalment. Douglas també és autor publicat d'una guia de Dummie i d'un llibre sobre lideratge empresarial.

Articles Relacionats

Torna al botó superior
a prop

Adblock detectat

Martech Zone és capaç de proporcionar-vos aquest contingut sense cap cost perquè monetitzem el nostre lloc mitjançant ingressos publicitaris, enllaços d'afiliats i patrocinis. Agrairem que elimineu el bloquejador d'anuncis mentre visualitzeu el nostre lloc.