Joinchat – Enhanced “click to chat”

You can change the position of the button so that nothing covers it by adding this CSS in Joinchat Settings > Advanced > Custom CSS:

.joinchat { z-index:999999; }

Higher values of z-index are above, the default value is 9000.

If you need to move up:

/* always */ .joinchat { --bottom: 60px; }

You can change the button size by adding this CSS in Joinchat Settings > Advanced > Custom CSS:

/* always */ .joinchat { --s: 50px; }

/* mobile only */ @media (max-width: 480px), (orientation: landscape) and (max-height: 480px) { .joinchat { --s: 40px; } }

For WooCommerce Product Button you can change size with:

.joinchat__woo-btn { --s: 50px; }

Joinchat does not provide any shortcodes, but you can easily link to WhatsApp in two ways:

• Add an anchor link to #whatsapp (open WhatsApp directly) or #joinchat (show chat window).

e.g.: add in your menu a custom link with the URL #whatsapp

Joinchat uses International Telephone Input library to facilitate and validate the introduction of the phone number in the format of each country. If you have problems with your phone number or you want to write it directly without any changes you can disable it with this filter (remember follow WhatsApp guidelines):

add_filter( 'joinchat_enhanced_phone', '__return_false' );

By default Joinchat settings can only be edited by users with manage_options capability (administrator).

You can change the required capability with the filter "joinchat_capability".

// e.g. allow shop managers: add_filter( 'joinchat_capability', function(){ return 'manage_woocommerce'; } );

// e.g. allow editors: add_filter( 'joinchat_capability', function(){ return 'edit_pages'; } );

The block editor evolves quickly and errors can occur that we have not anticipated.

If you have any errors with Gutenberg and Joinchat or simply prefer the old Joinchat metabox you can use this filter:

add_filter( 'joinchat_gutenberg_sidebar', '__return_false' );