{"id":216,"date":"2019-09-12T06:39:51","date_gmt":"2019-09-12T06:39:51","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=216"},"modified":"2025-05-16T12:15:24","modified_gmt":"2025-05-16T06:45:24","slug":"shortcodes-share","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/shortcodes-share\/","title":{"rendered":"Shortcodes share"},"content":{"rendered":"\n

Easily integrate a share button into our site using the ht-ctc-share<\/code> Shortcode. By default, it uses the settings configured in the plugin. However, the behavior and appearance can be customized using Shortcode attributes.<\/p>\n\n\n\n

[ht-ctc-share]<\/pre>\n\n\n\n
<\/p>\n\n\n\n
Attributes:<\/h3>\n\n\n\n
Change Share Text<\/h4>\n\n\n\n
[ht-ctc-share share_text=\"Found Awesome page {{url}}\"] <\/pre>\n\n\n\n
<\/p>\n\n\n\n
Change Call to Action<\/h4>\n\n\n\n
Use the call_to_action<\/code> attribute to change the CTA text.<\/p>\n\n\n\n
 [ht-ctc-share call_to_action=\"share this page\"] <\/pre>\n\n\n\n
<\/p>\n\n\n\n
Change Style<\/h4>\n\n\n\n
Use the style<\/code> attribute to choose a different button style.<\/p>\n\n\n\n
[ht-ctc-share style=6]<\/pre>\n\n\n\n
<\/p>\n\n\n\n
Change Position<\/h4>\n\n\n\n
Use position=fixed<\/code> along with top<\/code>, right<\/code>, bottom<\/code>, or left<\/code> to set a custom button position.<\/p>\n\n\n\n
[ht-ctc-share style=2 position=fixed top=50px right=40px]

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

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

[ht-ctc-share style=6 position=fixed bottom=10px left=60px]<\/pre>\n\n\n\n
<\/p>\n\n\n\n
Hide Based on Device<\/h4>\n\n\n\n
Control visibility depending on the device:<\/p>\n\n\n\n