Shortcodes Chat

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

Chat feature Basic Shortcode

[ht-ctc-chat]

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

Attributes:

number

To Change the WhatsApp number use “number” attribute

 [ht-ctc-chat number=915123456789] 

call_to_action

To change Call to Action use “call_to_action” Attribute

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

pre_filled

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

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

style

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 )