Create eye-catching buttons in Elementor with the free Advanced Button widget by WPMozo. Customize text, icons, and hover effects without any custom CSS.

To insert the Advanced Buttons widget, follow these steps.

1. Create/edit a page/post that uses Elementor builder.
2. Create/edit container.
3. Search widget Advanced Buttons under WPMozo.

Button content options

• Button Text: Set the button’s label (default: “Click Here”).
• Button Type: Choose the style Classic (standard) or Conversion (optimized for calls-to-action).
• Link: Add a URL for the button to link.
• Button Link Target: Set link behaviour open in the same tab or a new tab.
• Add Item: Add more buttons to the widget for multiple button setups.

Style settings

Button Color: Set the button’s background and text colors.

Button Typography: Customize the font, size, weight, and style of the button text.

Background Type: Choose the background style (e.g., solid color, gradient).

Text Alignment: Align the button text (left, center, right).

Button Alignment: Align the button itself within its container (left, center, right).

Button Icon: Add an icon to the button (toggle “Use Icon on Button” to Yes/No).

Padding: Adjust the inner spacing of the button (Top, Right, Bottom, Left).

Margin: Adjust the outer spacing around the button (Top, Right, Bottom, Left).

Configuration settings

Inline Button: Toggle to display multiple buttons in a horizontal (inline) layout instead of a vertical stack (Yes/No; default typically No). This setting is useful for creating a row of buttons side by side.