Shortcodes Chat

The major use of shortcodes is to add the icon/button with inline the Posts content, widgets.

Chat feature Basic Shortcode


By default, shortcodes use the values that added at plugin settings, we can change the default values using shortcode attributes



To Change the WhatsApp number use “number” attribute

 [ht-ctc-chat number=915123456789] 


To change Call to Action use “call_to_action” Attribute

 [ht-ctc-chat call_to_action="Chat with Us"] 


To Change the pre-filled text use “pre_filled” Attribute

[ht-ctc-chat pre_filled="{{url}}, Hello"]


To Change Style use “style” Attribute

[ht-ctc-chat style=3]

For Extented styles like 3_1 and 7_1

[ht-ctc-chat style='7_1']

Position: To change the position use attribute position=fixed and choose the values(top,right,bottom,left) with the appropriate CSS values

[ht-ctc-chat style=2 position=fixed top=50px right=40px]

[ht-ctc-chat style=5 position=fixed top=40% left=30%]

[ht-ctc-chat style=1 position=fixed bottom=20% right=70px]

[ht-ctc-chat style=6 position=fixed botttom=10px left=60px]

Hide based on the device: To hide styles/icon based on the device use

To hide on mobile:

[ht-ctc-chat hide_mobile=yes]

To hide on desktop:

[ht-ctc-chat hide_desktop=yes]

Call to Action for Shortcodes in Style-2, 3, 3 Extend, 7 – on hover will display as a title attribute. (As shortcodes are inline – call to action on hover can move the post content )