Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Pie Chart - Featured Blog
ue-update-blog-security
Payment Method Icons - Featured Blog

Button Group for Elementor (Free & Easy to Use)

The “Button Group Widget allows you to create a group of customizable buttons for free in WordPress Elementor websites. Organize multiple calls-to-action in a neat and interactive layout, making it easy for users to navigate through various options. Customize the button design, spacing, and styles to match your site’s design seamlessly.

 

Let’s look at each of the options in the “Button Group Widget” below.

Add a Free Button Group for Elementor

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Button Group”
  3. Hover over the widget in the search results and click install
  4. Add your “Button Group” widget to any Elementor Page
Add a Free Button Group for Elementor

General Settings in Elementor Button Group

General Settings in Elementor Button Group
1

Layout

Select the layout for button group.

  • Flex
  • Grid
2

Gap

Set the gap between buttons.

3

Align

Select the alignment for buttons.

  • Start
  • Center
  • End
4

Output

Select the type of output for button group.

  • Regular
  • One Random
  • Shuffle
5

Hover Effect

Select any of the hover effect from the given options.

  • Grow
  • Shrink
  • Pulse
  • Pulse Grow
  • Pulse Shrink
  • Push
  • Pop
  • Bounce In
  • Bounce Out
  • Rotate
  • Grow Rotate
  • Float
  • Shrink
  • Bob
  • Hang
  • Skew
  • Skew Forward
  • Skew Backward
  • Wobble Vertical

Items Settings in Elementor Button Group

Manage the buttons using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
Items Settings in Elementor Button Group
1

Button Text

Type the text for button.

2

Link

Paste your URL to link with button.

3

Show Icon

Show/Hide the icon.

4

Icon

Choose an icon to display.

5

Style

Style the button with various styling options.

Elementor Button Group Styling

Style the button radius, padding, border, typography, alignment, and gap.

Elementor Button Group Styling

Hover Styling in Elementor Button Group

You can style the button text color hover, and button background color hover.

Hover Styling in Elementor Button Group

Usage Examples of Elementor Button Group

Here are some live use cases for the Button Group widget.

Free Elementor Button Group as Social Buttons.

Free Elementor Button Group as Social Buttons.

Free Elementor Button Group in a Grid Layout.

Free Elementor Button Group in a Grid Layout.

Thank you for using the Button Group Widget for Elementor! With its versatile layout and customizable design, this is the best Button Group Widget for Elementor, perfect for creating organized, interactive button sets that enhance user engagement. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!