The major use 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 )
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