The Button Group Widget gives you the most efficient way to create advanced multiple button layouts. You can also add custom icons to buttons to give it very unique look.
Let’s look at each of the options in the “Button Group Widget” below.
Install Button Group Widget for Elementor #
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Button Group”
- Hover over the widget in the search results and click install
- Add your “Button Group” widget to any Elementor Page
General Settings #
Layout
Select the layout for button group.
- Flex
- Grid
Gap
Set the gap between buttons.
Align
Select the alignment for buttons.
- Start
- Center
- End
Output
Select the type of output for button group.
- Regular
- One Random
- Shuffle
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 #
Manage the buttons using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Button Text
Type the text for button.
Link
Paste your URL to link with button.
Show Icon
Show/Hide the icon.
Icon
Choose an icon to display.
Style
Style the button with various styling options.
Widget Styling #
Style the button radius, padding, border, typography, alignment, and gap.
Hover Styling #
You can style the button text color hover, and button background color hover.
Usage Examples #
Here are some live use cases for the Button Group widget.
