Position to Place

there are four ways to select

  • bottom right
  • bottom left
  • top left
  • top right

we can select any thing and place a fixed style at any place by changing it values.

but its relevant to choose particular position — and add values

can support any css units


10px 10px

2% 2%

1em 1em

position_bottom : 10px i.e. from bottom of the view page 10 pixel up

position_right : 10px i.e. from right side 10 pixel to left


Select Styles

There are eight styles and a style to add own image

For Desktop and Mobile Devices, style are same

but we can choose different style for each device.

( Images )

style – 99 – own Image / GIF ( since version 1.5 )

style — 1

input field

user can enter text and click on submit it will navigate to WhatApp with the text entered in that field

style — 2

plain link

link settings also similar to your theme link settings ( a tag )

because some time we need to add links with in content, and that links have to match the content and other links, so we just left like that

plain link

style — 3

it just a WhatApp logo

can change the height

WhatsApp logo
WhatsApp logo

style — 4

logo + text

simply called chip

chip style
chip style

style — 5


can change size, color

Style — 6

icon with circle border

can change size, color

Style — 7

icon with box border

can change size, color

Style — 8

button with text, icon

can change width, color

Style – 99 – own Image / GIF

Your own Image or GIF

If style – 99 is selected – Add Image URL at Plugin Settings page

( Click to Chat -> Customize styles —  Style-99 own Image )

Different styles for Desktop, Mobile Devices

Can change different styles for Desktops, Mobile devices.

Hide styles based on Device

can Hide on one device and display on other device

by Selecting the last option ‘Hide on Desktop Device’ , it Hide the floating style in Desktop devices.

or at ‘style for Mobile Devices’ can select ‘Hide on Mobile Devices’.

Shortcode Attributes

Hide Styles – based on type of the page

Based on Type of page, can hide Styles

if it is Checked ( ticked ) it means —  Hide Styles on this types of pages

here in above image — we hide Floating Styles on Category pages, Archive pages, 404 page

some post types may not included in this list ( but added feature to hide Styles based on category name, post id ) , that types of pages default to show styles.

so if like to hide on post type that not included in this list then add a category name to that posts, and add that category in Categorys to Hide

or add the post-id’s in Posts, Pages Id’s to Hide


Change shortcode name


Shortcode attributes

Shortcodes- Group chat

Default shortcode name is ‘chat’ — can use like [chat]

At click-to-chat settings page change the value at ‘shorcode name’ field and save changes.

now the shortcode name is ‘c

can use like

[c style=2]

another e.g.

now the shortcode name is ‘whatsapp

can use like

[whatsapp style=2 val=’WhatsApp us’ ]

Related Links:


Return Type — Chat , Group Chat

When user clicks on Style/link – Where it should Navigate

– to the personal chat room

– or to the group chat invitation

to make the Style to navigate to personal chat room — select first one ‘Chat’

to make the style to navigate to Group Chat — then select second option  ‘Group chat – Invite’

Shortcodes for ‘Group Chat’ useful to add/edit shortcode in page.

Limitations for ‘Group Chat – Invite’ for style-1

Style-1 which in input field – the text filled value, will not pass to WhatsApp group chat.

Shortcode – Group Chat

only need to add this attributes – to make styles navigate to Group Chat invite  ( num attribute is not needed )


type  –  ( group_chat  or any thing ) to make the link navigate to group chat then add attribute (  type=group_chat ),

If default value changed to group_chat in setting page,  then to make the link navigate to private chat room then add attribute type=chat

or type=anything-other-then-group_chat

group_id  – to change the  group chat id

[chat style=4 type=group_chat val='Hello Shop' ]
Contact PersonHello Shop


By default it will get group-id from admin setting page to change it
add attribute ‘group_id
[chat style=4 type=group_chat group_id='9EHLsEsOeJk6AVtE8AvXiA' val='Discount group' ]
Contact PersonDiscount group