Rainbow Button Widget for Elementor

Table of Contents

This widget adds a rainbow color drop shadow effect to your button, making it more vibrant and eye-catching. It helps grab users’ attention and enhance engagement.


Required Setup

  • Elementor FREE Plugin installed & activated.
  • You need to have the WDesignKit plugin installed and activated.
  • Make sure you’ve created an account and logged into it.
  • Make sure you’ve downloaded the Rainbow Button widget.

How to Activate the Rainbow Button Widget?

Go to 

  • WDesignKit → Widgets. 
  • Search the widget name and select Elementor as the Page Builder.
  • Click on the Download icon.

How to Use the Rainbow Button Widget in Elementor?

Add the Rainbow Button widget to the page.

Button

In the Text section, you can add text of the button.

Then in the Url section, you can add the button URL.

You can add an icon or SVG to the button from the Icons Control section.

Then, from the Alignment section, you can align the button for responsive devices.

Then from the Style tab, you can further customize the style of the Rainbow Button.

AUTHOR
Sagar Patel
CEO
icon
10+ Years Experience

Sagar is the Founder & CEO of POSIMYTH Innovations, with 10+ years building WordPress products trusted by 100,000+ websites globally. He has led the development of The Plus Addons for Elementor, Nexter, WDesignKit, and UiChemy, all built hands-on from concept to launch. His work focuses on making website building faster, more flexible, and accessible for creators and businesses worldwide.