Customer Support

  1. Home
  2. Docs
  3. Customer Support
  4. Whatsapp Chat

Whatsapp Chat EA Element

WhatsApp EA widget for Elementor allows your website visitors to communicate with you directly from your website. It adds a button that will open WhatsApp Web with your number ready to be messaged. It’s a simple yet good communication tool.  Here in this tutorial, you’re going to learn how to use the Whatsapp Chat element into Elementor Page Builder. So let’s get straight into it:

 


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Whatsapp Chat Element

 

»Content

 

Chat

⇒Chat: Select the chat type either private chat or a group chat.

: Add the WhatsApp phone number.

 

Button

⇒Float: Enable/disable the float and customize the horizontal and vertical offset.

⇒Text: Enter the button text on the Whatsapp icon.

⇒Icon: Enable or disable the button icon on the WhatsApp chat. If enable it, then select an icon from the font awesome icon library or upload your own SVG.

⇒Icon Position: Set the icon position either before or after the button text.

⇒Icon Size: Customize the icon size manually for different dimensions.

⇒Icon Space: Customize the icon space manually for different dimensions.

Customize the Button

⇒Size: Select the size of the button either small, medium, large or block.

⇒Button Position: Customize the button position either left or right.

⇒Hover Animation: Add an animation effect on the button hover.

⇒Open Link in New Tab: Set the link to either open in a new window or to add rel=nofollow to the link.

 

Advanced Settings

⇒Hide on Tabs: Enable/disable hide on tabs. This will hide the chat button on tablets.

⇒Hide on Mobiles: Enable/disable hide on tabs. This will hide the chat button on mobile phones

⇒Tooltips: Enable/disable the tooltip. This will show a tooltip next to the button when hovered. If enable it, then add the tooltip message and add an animation effect.

 

Unable To Use or Found Bugs?

⇒Need Support: Are you in need of a feature that’s not available in our plugin or got some bugs? Feel free to do a Support request.


»Style

 

Button

⇒Typography: Set the typography options for the button text.

⇒Text Color: Add a custom color to the button text for both normal and hover view.

⇒Icon Color: Add a custom color to the button icon for both normal and hover view.

⇒Background Color: Add a custom color to the button background for both normal and hover view.

⇒Border Type: Here, select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the button for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the button border for both normal and hover view.

⇒Border Radius: Set the border radius for the top, right, bottom and left around the button for different dimensions.

⇒Icon Shadow: Customize the icon-shadow color, set the horizontal and vertical value of the shadow, and control the blur radius.

⇒Text Shadow: Customize the text-shadow color, set the horizontal and vertical value of the shadow, and control the blur radius.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

⇒Margin: Set the margin value for the top, right, bottom and left around the button for different dimensions. You can link the values together or customize them individually.

⇒Padding: Set the padding value for the top, right, bottom and left around the button for different dimensions. You can link the values together or customize them individually.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the Whatsapp Chat Element.


Was this article helpful to you? Yes No

How can we help?