Shortcodes Chat

DemoshortcodesWhatsApp / By holithemes

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

Table Of Contents

  1. Chat feature – Shortcode
  2. Attributes:
  3. Hide Shortcode based on the device
  4. Custom Element

Chat feature – Shortcode

WhatsApp us

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



To Change the WhatsApp number, use the “number” attribute

WhatsApp us

call to action

To change Call to Action, use the “call_to_action” Attribute

Chat with Us


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

WhatsApp us


To Change Style, use the “style” Attribute

WhatsApp us

For Extended styles like 3_1 and 7_1

WhatsApp us


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

WhatsApp us
WhatsApp us
WhatsApp us We will respond as soon as possible

Hide Shortcode based on the device

To hide styles/icons based on the device used.

To hide on mobile:

WhatsApp us

To hide on desktop:

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

For the Click to Chat feature, we offer two distinct styles:

Style 5: Style-5 - Click to Chat (
Style 8: Style-8 - Click to Chat (

“Shortcode Resources”

Shortcodes groupes

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

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
This site is registered on as a development site. Switch to a production site key to remove this banner.