Go to athemes.com

ProUsing the Creative Button Widget

See this widget in action here.

Want to add stylish, interactive buttons that grab your visitors’ attention? The Creative Button widget in aThemes Addons Pro for Elementor offers predefined button styles with hover animations, custom icons, and flexible linking options.

In this guide, we’ll walk you through how to use the Creative Button widget in aThemes Addons for Elementor.

Table of Contents
  1. Activating the Widget
  2. Exploring Widget Options
  3. Customizing Style Options
  4. Configuring Advanced Settings

Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. This widget requires aThemes Addons Pro.

Activating the Widget

Go to your WordPress admin dashboard and navigate to the aThemes Addons dashboard. Search for Creative Button and toggle it on to activate the widget.

Exploring Widget Options

Configuring Button Content

The Button Content section lets you define the core elements of your creative button:

  • Button Style – Choose from predefined styles such as Ethan, Charlotte, Ava, and more for unique hover and interaction effects.
  • Text – Enter the button label that visitors will see.
  • Icon – Add an icon to your button from the icon library or upload a custom SVG.
  • Link – Set the destination URL or link to an internal page on your site.

Customizing Style Options

The Style Options section gives you full control over the button’s visual appearance:

  • Effect Colors – Customize the colors used in hover and interaction effects.
  • Typography – Adjust font family, size, weight, and other typographic settings.
  • Borders and Shadows – Add borders and box shadows for depth and visual emphasis.
  • Animation – Configure hover animations to create engaging interactive effects.

Configuring Advanced Settings

The Advanced Settings section provides additional layout and technical controls:

  • Custom CSS ID – Assign a unique CSS ID for targeted styling or JavaScript interactions.
  • Alignment – Set the button alignment to left, center, or right.
  • Spacing – Control margins and padding around the button element.

That’s it! You’ve successfully learned how to add and customize the Creative Button widget in aThemes Addons Pro for Elementor.

Next, would you like to add paired call-to-action buttons? Check out our guide on using the Dual Buttons widget to learn more.

image_print