This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Global Elementor Buttons

Description

Tired of having to update every single button style in your Elementor website when the client asks for a change? Not too happy with Elementor’s default button Styles or Sizes? Do you wish you were able to modify, add or remove them? Then this plugin is just what you need!

Global Elementor Buttons standardizes Elementor Buttons with global classes that can be managed in a single place with custom css (and it works with both Elementor and Elementor Pro!).

Details

This plugin creates a new Elementor Widget, called Global Button that contains a simplified UI, just with the necessary controls to keep all of your buttons global and flexible. However, in the need of a special button, you can still add specific ids or classes to them!

Includes a handful of useful hooks for full flexibility:
1. Set your own custom Style and Size classes (for example, btn-primary).
2. Add / remove existent Style and Size classes.
3. Change or remove the Style and Size prefix (for example, btn-primary).
4. Edit the default Style and Size class.

For demonstration purposes, this plugin adds a minified version of the Bootstrap Buttons stylesheet. Global Elementor Buttons allows you to remove this stylesheet, for performance and complexity reasons.

Get detailed instructions on GitHub

Screenshots

  • Global Elementor Buttons.
  • No need to get used to a different UI. Almost exactly the same as Elementor's Button, minus the Style tab!
  • Manage your buttons' styles with custom css. All in one place!

Installation

  1. Make sure you have Elementor or Elementor Pro installed and activated.
  2. Install the plugin through the WordPress plugins screen directly or upload the plugin to the plugins directory.
  3. Activate the plugin through the ‘Plugins’ screen in WordPress.
  4. Go into your Elementor Editor, find the widget Global Button under the Basic section tab and add it to your website.
  5. Within the widget you will find all the necessary fields.

For further customization see the plugin page

FAQ

Can I use my existing Elementor site?

Absolutely. This plugin creates a new Elementor Widget, so there are no dependency problems with your current buttons.

How can I add / remove or change the default classes and prefixes?

Refer to our GitHub page for the Hooks list and how to use them.

Where can I get support?

If you need support, please create an issue on GitHub.

Reviews

March 31, 2020
I'm a relative beginner to Elementor and WordPress in general. You have created a great tool with more button options, but not really explained how or where to apply the CSS styling. For those of us not familiar with Bootstrap or styling guidelines just a simple addition to the read-me with examples would be SO helpful. Could be a great plugin if you can just think about who your potential users are. There is one little view in the screenshots, and without that I would have been lost. Thanks for your consideration.
Read all 1 review

Contributors & Developers

“Global Elementor Buttons” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.1.0

  • Added Button ID to the Global Button Widget.

1.0.0

  • Initial Build.