styles

Predefined Style-7

Its vertical bar, with text. ( just like a feedback button ), the demo of style-7 appear right side middle of the screen. Position to change The Default position values bottom-right 10px, 10px may not looks good for sytle-7.  Change the position values to bottom-right 50%, 0px to appear in the right side middle of …

Predefined Style-7 Read More »

Predefined Style-6

combination of WhatsApp logo and a text message – Chip style To change the Predefined Style for Desktop, Mobile Devices. From plugin settings (Click), Change values for “Style for Desktop”, “Style for Mobile Devices”. This plugin Detects the device based on HTTP User Agent. Select “Predefined Style-6“ Click on “Save Changes“ To Change the values …

Predefined Style-6 Read More »

Group Chat

Group chat is not working in Firefox, Safari browsers in desktop. The pages will try to open WhatsApp mobile app even in the desktop. We reported this issue to a few browsers. If the return type is ‘Group Chat’. When the user clicks on any style, it will redirect to a group invite page. Find …

Group Chat Read More »

Customize Style-2

Style-2, Custom HTML   default code added to the button looks like how the button is configured on the theme. Style-2 Custom HTML Custom HTML Custom HTML block – add your own style. e.g. <style> .whatsapp-chat { color: orange; } </style> <button class=”whatsapp-chat”>WhatsApp Chat</button>   We are planning to add many samples to make easy …

Customize Style-2 Read More »

Customize Style-5

Style-4, Inline SVG Image Code. ( At this page bottom right corner – the style-5 default Inline SVG code is executed ) By using the inline SVG image code can reduce image request, over adding image link default code added is <svg width=”100″ height=”100″ viewBox=”0 0 1024 1024″><defs><path id=”a” d=”M1023.941 765.153c0 5.606-.171 17.766-.508 27.159-.824 22.982-2.646 52.639-5.401 …

Customize Style-5 Read More »

Customize style-1

Style-1 – is image style when no image URL is added, default image will load – Green Square WhatsApp icon Style-1 – Add own Image / GIF Image URL Add the Image URL, Add the image hosted on your website or hosted somewhere else. If image uploaded in WordPress site – To get the image url …

Customize style-1 Read More »