Customer Support

  1. Home
  2. Docs
  3. Customer Support
  4. Help Desk

Help Desk EA Element

 


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 Help Desk Element

 

»Content

Layout

⇒Position: Set the position of your help desk either left or right.

⇒Icon: Select an icon for the help desk button.

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

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

⇒Main Icon Title: Add the title of the help desk main icon. When you hover over the help desk icon, this title will appear.

⇒Messenger: Enable/disable the Messenger as one of a support medium.

⇒WhatsApp: Enable/disable the WhatsApp as one of a support medium.

⇒Telegram: Enable/disable the Telegram as one of a support medium.

⇒Custom: Enable/disable the Custom option as one of a support medium.

⇒Email: Enable/disable the Email as one of a support medium.

 

Adding Info to the Support Mediums

⇒Title: Add the title of the support medium. When you hover over the social icon, this title will appear.

⇒Link/ID:  Add the link or ID of the social media or messaging platform here. Click the cog to set the link to either open in a new window or to add rel=nofollow to the link.

⇒OnClick: Enable/disable OnClick and add the OnClick event. For more details please look here

⇒Icon: Select an icon for the messaging platform button.

 

Additional

⇒Horizontal Offset: Customize the horizontal offset of the help desk manually for different dimensions.

⇒Vertical Offset: Customize the vertical offset of the help desk manually for different dimensions.

⇒Title As Tooltip: Enable/disable the title as a tooltip. If enable it, then customize the placement, animation, offset, distance, arrow, and enable the trigger on click.

 

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

 

Main Icons

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

⇒Background Color: Add a custom color to the main icon background and control the opacity for both normal and hover view.

 

Icons Style

⇒Color: Add a custom color to the help desk icons for both normal and hover view.

⇒Background Color: Add a custom background color to the help desk icons and control the opacity for both normal and hover view.

 

Tooltip

⇒Width: Set the tooltip width for different dimensions.

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

⇒Text Color: Add a custom color to the tooltip text.

⇒Text Alignment: Set the alignment of your tooltip text.

⇒Background Type: Set the background color type either Classic or Gradient. And then customize the text style according to your preference.

 

⇒Classic Color Type: The following options are available for the classic background color settings:

→Color: Add a custom solid color to the tooltip text.

→Image: You can add a custom background image instead of a background color.

⇒Gradient Color Type: The following options are available for the gradient text color settings:

→Color: Add a custom gradient color to the title text of the tooltip.

→Location: Set the location for the color to be spread.

→Second Color: Add the second gradient color to the title text of the tooltip.

→Location: Set the location for the second color to be spread.

→Type: Set the type of gradient color either linear or radial gradient.

→Angle: Customize the gradient angle for the tooltip text.

 

⇒Arrow Color: Add a different custom color to the arrow.

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

⇒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 tooltip text for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border.

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

⇒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.

⇒Tooltip Size: Select the tooltip size either large, small or leave it as default.

 


»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 Help Desk Element.


Was this article helpful to you? Yes No

How can we help?