Buttoner – Multi-shadow Button for Elementor

Description

Buttoner adds to Elementor a button widget with a configurable multi-shadow system, allowing you to stack multiple box-shadow layers on a single element directly from the builder’s visual panel. Designed for those who create landing pages and want buttons with visual depth beyond the standard CSS look, it eliminates the need for manual code editing to achieve neumorphism effects, colored shadows, inner glows, and animated hover effects.

Buttoner’s Key Features

• Native Elementor widget
  Adds a new draggable button element within the visual builder panel.
• Multi-shadow system
  Stacks multiple box-shadow layers on the same button with individual control for each layer.
• Inner and outer shadows
  Configures combined inset and outer shadows for neumorphism and depth effects.
• Customizable hover states
  Sets different shadows, colors, and transitions for the normal state and interaction state.
• Code-free visual controls
  Adjusts the color, blur, spread, X and Y offset of each shadow from the side panel.

Buttoner’s Benefits

• Buttons with their own identity
  Creates call-to-actions that are visually distinct from Elementor’s standard button.
• Design time savings
  Eliminates the need to open a CSS editor or external tools to create complex shadows.
• Higher conversion rate
  Buttons with visual depth and prominent hover effects tend to attract more visitor attention.
• Creative freedom in the builder
  Lets you reproduce UI trends such as neumorphism and glassmorphism directly in Elementor.

Who Is Buttoner For?

• Those who create landing pages in Elementor and need more attractive buttons than the standard option.
• Designers who want to reproduce neumorphism effects and colored shadows without writing CSS.
• You who build lead capture pages and want visually prominent calls to action.
• Agencies that deliver Elementor websites and seek visual differentiators in buttons.

How to Download Buttoner

Buttoner is available for download here on Ultrapack. After downloading the .zip file, install it under Plugins > Add New > Upload Plugin, select the file, and activate it. Once activated, the widget will appear in Elementor’s elements panel, in the custom buttons category.

Designed for those who work with Elementor daily and want to go beyond the standard button, Buttoner expands the shadow controls of the native widget, opening room for visual effects that would normally require custom CSS. It is an add-on focused on refining the visual detail of calls to action, with a direct impact on the page’s perceived quality.

Frequently asked questions