ਵਰਡਪਰੈਸ: ਐਲੀਮੈਂਟਰ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਲਿੰਕ ਜਾਂ ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਲਾਈਵ ਚੈਟ ਵਿੰਡੋ ਖੋਲ੍ਹਣ ਲਈ jQuery ਦੀ ਵਰਤੋਂ ਕਰਨਾ

ਐਲੀਮੈਂਟਰ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਲਿੰਕ ਜਾਂ ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਲਾਈਵਚੈਟ ਵਿੰਡੋ ਖੋਲ੍ਹਣ ਲਈ jQuery ਦੀ ਵਰਤੋਂ ਕਰਨਾ

ਸਾਡੇ ਗਾਹਕਾਂ ਵਿੱਚੋਂ ਇੱਕ ਕੋਲ ਹੈ ਐਲੀਮੈਂਟੋਰ, ਵਰਡਪਰੈਸ ਲਈ ਸਭ ਤੋਂ ਮਜ਼ਬੂਤ ​​ਪੇਜ ਬਿਲਡਿੰਗ ਪਲੇਟਫਾਰਮਾਂ ਵਿੱਚੋਂ ਇੱਕ। ਅਸੀਂ ਪਿਛਲੇ ਕੁਝ ਮਹੀਨਿਆਂ ਤੋਂ ਉਹਨਾਂ ਦੇ ਅੰਦਰ ਵੱਲ ਮਾਰਕੀਟਿੰਗ ਯਤਨਾਂ ਨੂੰ ਸਾਫ਼ ਕਰਨ ਵਿੱਚ ਉਹਨਾਂ ਦੀ ਮਦਦ ਕਰ ਰਹੇ ਹਾਂ, ਉਹਨਾਂ ਦੁਆਰਾ ਲਾਗੂ ਕੀਤੇ ਗਏ ਅਨੁਕੂਲਨ ਨੂੰ ਘੱਟ ਤੋਂ ਘੱਟ ਕਰਦੇ ਹੋਏ, ਅਤੇ ਸਿਸਟਮਾਂ ਨੂੰ ਬਿਹਤਰ ਸੰਚਾਰ ਕਰਨ ਲਈ - ਵਿਸ਼ਲੇਸ਼ਣ ਸਮੇਤ।

ਗਾਹਕ ਕੋਲ ਹੈ LiveChat, ਇੱਕ ਸ਼ਾਨਦਾਰ ਚੈਟ ਸੇਵਾ ਜਿਸ ਵਿੱਚ ਚੈਟ ਪ੍ਰਕਿਰਿਆ ਦੇ ਹਰ ਪੜਾਅ ਲਈ ਮਜਬੂਤ Google ਵਿਸ਼ਲੇਸ਼ਣ ਏਕੀਕਰਣ ਹੈ। ਲਾਈਵਚੈਟ ਕੋਲ ਤੁਹਾਡੀ ਸਾਈਟ ਵਿੱਚ ਏਕੀਕ੍ਰਿਤ ਕਰਨ ਲਈ ਇੱਕ ਬਹੁਤ ਵਧੀਆ API ਹੈ, ਜਿਸ ਵਿੱਚ ਇੱਕ ਐਂਕਰ ਟੈਗ ਵਿੱਚ ਇੱਕ onClick ਇਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਚੈਟ ਵਿੰਡੋ ਨੂੰ ਖੋਲ੍ਹਣ ਦੀ ਯੋਗਤਾ ਸ਼ਾਮਲ ਹੈ। ਇਹ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ:

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

ਇਹ ਸੌਖਾ ਹੈ ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਕੋਰ ਕੋਡ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨ ਜਾਂ ਕਸਟਮ HTML ਜੋੜਨ ਦੀ ਸਮਰੱਥਾ ਹੈ। ਨਾਲ ਐਲੀਮੈਂਟੋਰ, ਹਾਲਾਂਕਿ, ਪਲੇਟਫਾਰਮ ਨੂੰ ਸੁਰੱਖਿਆ ਕਾਰਨਾਂ ਕਰਕੇ ਬੰਦ ਕਰ ਦਿੱਤਾ ਗਿਆ ਹੈ ਤਾਂ ਜੋ ਤੁਸੀਂ ਇੱਕ ਜੋੜ ਨਹੀਂ ਸਕਦੇ onClick ਇਵੈਂਟ ਕਿਸੇ ਵੀ ਵਸਤੂ ਨੂੰ. ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਉਹ ਕਸਟਮ onClick ਇਵੈਂਟ ਤੁਹਾਡੇ ਕੋਡ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ ਕਿਸੇ ਕਿਸਮ ਦੀ ਗਲਤੀ ਨਹੀਂ ਮਿਲੇਗੀ... ਪਰ ਤੁਸੀਂ ਕੋਡ ਨੂੰ ਆਉਟਪੁੱਟ ਤੋਂ ਹਟਾਇਆ ਹੋਇਆ ਦੇਖੋਗੇ।

ਇੱਕ jQuery ਲਿਸਨਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ

OnClick ਵਿਧੀ ਦੀ ਇੱਕ ਸੀਮਾ ਇਹ ਹੈ ਕਿ ਤੁਹਾਨੂੰ ਆਪਣੀ ਸਾਈਟ 'ਤੇ ਹਰੇਕ ਲਿੰਕ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨਾ ਹੋਵੇਗਾ ਅਤੇ ਉਸ ਕੋਡ ਨੂੰ ਜੋੜਨਾ ਹੋਵੇਗਾ। ਇੱਕ ਵਿਕਲਪਿਕ ਕਾਰਜਪ੍ਰਣਾਲੀ ਪੰਨੇ ਵਿੱਚ ਇੱਕ ਸਕ੍ਰਿਪਟ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨਾ ਹੈ ਸੁਣਦਾ ਹੈ ਤੁਹਾਡੇ ਪੰਨੇ 'ਤੇ ਇੱਕ ਖਾਸ ਕਲਿੱਕ ਲਈ ਅਤੇ ਇਹ ਤੁਹਾਡੇ ਲਈ ਕੋਡ ਨੂੰ ਲਾਗੂ ਕਰਦਾ ਹੈ। ਇਹ ਕਿਸੇ ਦੀ ਭਾਲ ਕਰਕੇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਐਂਕਰ ਟੈਗ ਇੱਕ ਖਾਸ ਦੇ ਨਾਲ CSS ਕਲਾਸ. ਇਸ ਕੇਸ ਵਿੱਚ, ਅਸੀਂ ਇੱਕ ਕਲਾਸ ਨਾਮ ਦੇ ਨਾਲ ਇੱਕ ਐਂਕਰ ਟੈਗ ਨਿਰਧਾਰਤ ਕਰ ਰਹੇ ਹਾਂ ਓਪਨਚੈਟ.

ਸਾਈਟ ਦੇ ਫੁੱਟਰ ਦੇ ਅੰਦਰ, ਮੈਂ ਲੋੜੀਂਦੀ ਸਕ੍ਰਿਪਟ ਦੇ ਨਾਲ ਇੱਕ ਕਸਟਮ HTML ਖੇਤਰ ਜੋੜਦਾ ਹਾਂ:

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

ਹੁਣ, ਉਹ ਸਕ੍ਰਿਪਟ ਸਾਈਟ ਚੌੜੀ ਹੈ ਇਸਲਈ ਪੰਨੇ ਦੀ ਪਰਵਾਹ ਕੀਤੇ ਬਿਨਾਂ, ਜੇਕਰ ਮੇਰੇ ਕੋਲ ਇੱਕ ਕਲਾਸ ਹੈ ਓਪਨਚੈਟ ਜਿਸ 'ਤੇ ਕਲਿੱਕ ਕੀਤਾ ਗਿਆ ਹੈ, ਇਹ ਚੈਟ ਵਿੰਡੋ ਨੂੰ ਖੋਲ੍ਹ ਦੇਵੇਗਾ। ਐਲੀਮੈਂਟਰ ਆਬਜੈਕਟ ਲਈ, ਅਸੀਂ ਸਿਰਫ ਲਿੰਕ ਨੂੰ # ਅਤੇ ਕਲਾਸ ਨੂੰ ਸੈਟ ਕਰਦੇ ਹਾਂ ਓਪਨਚੈਟ.

ਤੱਤ ਲਿੰਕ

ਐਲੀਮੈਂਟਰ ਐਡਵਾਂਸ ਸੈਟਿੰਗਜ਼ ਕਲਾਸਾਂ

ਬੇਸ਼ੱਕ, ਕੋਡ ਨੂੰ ਵਧਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ ਕਿਸੇ ਹੋਰ ਕਿਸਮ ਦੇ ਇਵੈਂਟ ਲਈ ਵੀ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਏ ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਇਵੈਂਟ. ਬੇਸ਼ੱਕ, ਲਾਈਵਚੈਟ ਦਾ ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਦੇ ਨਾਲ ਇੱਕ ਸ਼ਾਨਦਾਰ ਏਕੀਕਰਣ ਹੈ ਜੋ ਇਹਨਾਂ ਇਵੈਂਟਾਂ ਨੂੰ ਜੋੜਦਾ ਹੈ, ਪਰ ਮੈਂ ਇਸਨੂੰ ਇੱਕ ਉਦਾਹਰਣ ਵਜੋਂ ਹੇਠਾਂ ਸ਼ਾਮਲ ਕਰ ਰਿਹਾ ਹਾਂ:

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

ਐਲੀਮੈਂਟਰ ਦੇ ਨਾਲ ਇੱਕ ਸਾਈਟ ਬਣਾਉਣਾ ਕਾਫ਼ੀ ਸਧਾਰਨ ਹੈ ਅਤੇ ਮੈਂ ਪਲੇਟਫਾਰਮ ਦੀ ਜ਼ੋਰਦਾਰ ਸਿਫਾਰਸ਼ ਕਰਦਾ ਹਾਂ. ਇੱਥੇ ਇੱਕ ਬਹੁਤ ਵਧੀਆ ਭਾਈਚਾਰਾ, ਬਹੁਤ ਸਾਰੇ ਸਰੋਤ, ਅਤੇ ਕੁਝ ਕੁ ਐਲੀਮੈਂਟਰ ਐਡ-ਆਨ ਹਨ ਜੋ ਸਮਰੱਥਾਵਾਂ ਨੂੰ ਵਧਾਉਂਦੇ ਹਨ।

ਐਲੀਮੈਂਟਰ ਨਾਲ ਸ਼ੁਰੂਆਤ ਕਰੋ ਲਾਈਵਚੈਟ ਨਾਲ ਸ਼ੁਰੂਆਤ ਕਰੋ

ਖੁਲਾਸਾ: ਮੈਂ ਐਫੀਲੀਏਟ ਲਿੰਕਾਂ ਲਈ ਵਰਤ ਰਿਹਾ / ਰਹੀ ਹਾਂ ਐਲੀਮੈਂਟੋਰ ਅਤੇ LiveChat ਇਸ ਲੇਖ ਵਿੱਚ. ਉਹ ਸਾਈਟ ਜਿੱਥੇ ਅਸੀਂ ਹੱਲ ਵਿਕਸਿਤ ਕੀਤਾ ਹੈ a ਕੇਂਦਰੀ ਇੰਡੀਆਨਾ ਵਿੱਚ ਹੌਟ ਟੱਬ ਨਿਰਮਾਤਾ.