See this widget in action here.
The Advanced Button Widget allows you to create highly customizable buttons with hover effects, tooltips, and advanced styling options to match your website’s design perfectly.
Activate the Widget
This widget is part of the aThemes Addons for Elementor plugin. To activate it:
- Go to the aThemes Addons dashboard in your WordPress admin area.
- Search for the Advanced Button widget.
- Toggle the switch to activate it. The widget will now appear in the Elementor editor.
Widget Options
Button Settings
- Button Text: Set the text for the button.
- Link: Define the URL the button will link to.
- Description: Add additional text below the button.
- Tooltip: Include a tooltip that appears on hover.
Hover Effects
- Effect Types: Choose from Slide, Arrow, Shutter, Radial, Tilted, or Default effects.
- Direction: Customize the direction for Slide or Tilted effects.
- Shutter Type: Select Horizontal or Vertical movements.
Hover Content
- Default: No additional hover content.
- Icon: Add an icon as hover content.
- Same Text: Use the same button text on hover.
- Custom Text: Enter custom text to display on hover.
Style Options
- Button: Customize padding, background color, border radius, typography, and hover effect color.
- Description: Adjust typography, text color, and spacing for button descriptions.
- Tooltip: Define text and background colors, typography, and positioning for tooltips.
Conclusion
The Advanced Button Widget offers unmatched customization for buttons, making it ideal for call-to-action buttons, navigational links, and more. Its hover effects and tooltip features add dynamic elements to your site, enhancing user experience.