The purpose of shortcodes is to add the icon/button with inline the Posts content, and widgets.
Chat feature – Shortcode
[ht-ctc-chat]
By default, shortcodes use the values that are added in plugin settings, we can change the default values using shortcode attributes
Attributes:
number
To Change the WhatsApp number, use the “number” attribute
[ht-ctc-chat number=915123456789]
call to action
To change Call to Action, use the “call_to_action” Attribute
[ht-ctc-chat call_to_action="Chat with Us"]
prefilled
To Change the pre-filled text, use the “pre_filled” Attribute
[ht-ctc-chat pre_filled="{{url}}, Hello"]
style
To Change Style, use the “style” Attribute
[ht-ctc-chat style=3]
For Extended 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 Shortcode based on the device
To hide styles/icons based on the device used.
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 )
Click-to-Chat Styles
Style - 5
Style - 8
Shortcode Resources
Shortcodes Group
Shortcodes share
Custom Element
Instead of using shortcodes, we can also create our own design and make it to navigate to WhatsApp by adding the class name ctc_chat
Custom element