Creame

Hola @esther_sola , ?qué versiones tienes de WordPress y WPML?

Hi, @naichemonteiro. I see that Joinchat is now working properly. What was the problem?

Hi, you can take a look at this post in our blog: How to show Joinchat only in certain countries

You need to add custom javascript in your site.

// Send webhook to Zapier
jQuery(document).on('joinchat:event', function (event, params) {
  const urlParams = new URLSearchParams(window.location.search);
  const gclid = urlParams.get('gclid');
  if (gclid) params.gclid = gclid;

  jQuery.post('https://hooks.zapier.com/hooks/catch/123456/xxxxxx/', params );
});

As part of Joinchat Premium support, we can provide you with custom code snippets and install them if needed.

You can view in our docs an example of Zapier webhook:

// Send webhook to Zapier
jQuery(document).on('joinchat:event', function (event, params) {
 jQuery.post('https://hooks.zapier.com/hooks/catch/123456/xxxxxx/', params );
});

And the list of params:

{
 event_category: 'JoinChat', // Name
 event_label: 'https://wa.me/999...', // Destination url
 event_action: 'whatsapp: 999999', // "chanel: id"
 chat_channel: 'whatsapp', // Channel name
 chat_id: '999999', // Contact (phone, username...)
 is_mobile: 'yes' | 'no',
 page_location: location.href,
 page_title: document.title || 'no title',
}

You can add GCLID to params:

const urlParams = new URLSearchParams(window.location.search);
const gclid = urlParams.get('gclid');
if (gclid) params.gclid = gclid;

It is the same as https://www.ads-software.com/support/topic/conflicto-javascript-con-woocommerce/, I mark this as solved and we continue there.

Hola @nino_ort

Parece que el problema viene por que se cargan varias librerías de jQuery y esto provoca conflictos de otras librerías. Es cierto que Joinchat necesita jQuery y si no está registrado el script lo a?ade (la versión de WordPress 3.7). Tu tema parace que está usando su propia versión de jQuery (3.1) supongo que por ahí viene el conflicto. Peeeeero lo más loco es que el plugin de Redsys está a?adiendo otra versión de jQuery viejísima (1.7).

Yo probaría a comentar en tu tema la parte que desregistra la librería jQuery de WordPress y registra la suya propia. Busca algo como wp_deregister_script('jquery') y wp_register_script('jquery' ...) y coméntalas.

Te dejo una captura en la que se puede ver que si se eliminan los jQuerys extra, funciona:

• This reply was modified 1 month ago by Creame.
• This reply was modified 1 month ago by Creame.

I think the easiest option is to change the GA4 event to any other and ignore it in your GA dashboard.

But you can disable send all events via javascript. It is also in FAQs.

jQuery(document).on('joinchat:event', function (event, params) { return false; });

Or trigger only your custom GTM event:

jQuery(document).on('joinchat:event', function (event, params) {
  dataLayer.push({ event:'my_cutom_event' });
  // Uncomment to disable Joinchat tracking events (GA4, GTM, FB, GAds)
  // return false; 
});

Hi, you can view in our FAQs at https://www.ads-software.com/plugins/creame-whatsapp-me/#google%20analytics%204%20integration e.g. change GA4 “generate_lead” event to “Joinchat”:

add_filter( 'joinchat_get_settings', function( $settings ){
    $settings['ga_event'] = 'Joinchat';
    return $settings;
} );

Hi,

You need to add Google Ads script.

If you leave us your website we can review it.

Joinchat javascript is not loading.

It could be because WPRocket is blocking it or the theme or some plugin is altering the way JQuery is loaded.

jQuery is being loaded from a CDN instead of the WordPress URL itself. The script dependency may be failing.

On screen sizes wider than 1240px header is over Joinchat button.

To make the button visible in Joinchat settings, tab “Advanced” set this “Custom CSS”:

.joinchat { z-index:9003; } 

Hola, puedes hacer que se quede siempre visvible la imagen con un poco de CSS.
En ajustes de Joinchat, pesta?a “Avanzado”, en el campo “CSS personalizado” a?ade:

.joinchat__button__image {
    animation: none !important;
    opacity: 1;
}

Sentimos la tardanza, un saludo.

1. Go to Joinchat Settings
2. Click tab “Advanced”
3. On flied “Custom CSS” write:

.joinchat { --s:80px; }

You can make icon bigger with a bit of CSS. In your Joinchat settings, tab “Advanced”, set “Custom CSS”:

.joinchat { --s:80px; }