Shortcodes Chat

/ Demo, shortcodes, WhatsApp / 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:
   • number
   • call to action
   • prefilled
   • style
   • Position
3. Hide Shortcode based on the device
4. Custom Element

Chat feature – Shortcode

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

call to action

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

prefilled

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

style

To Change Style, use the “style” Attribute

For Extended styles like 3_1 and 7_1

    

        
WhatsApp us
        

            
        
    

Position

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

    

        

            
            

                WhatsApp us
                We will respond as soon as possible
            
        
    


    WhatsApp us


    
    WhatsApp us
    

Hide Shortcode based on the device

To hide styles/icons based on the device used.

To hide on mobile:

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 (holithemes.com)

Style 8: Style-8 - Click to Chat (holithemes.com)

“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