BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Creative Button Widget for Elementor Pro

A button with hover effects, a second line and attention animations.

Overview

What Creative Button does

Creative Button is a call to action button with 13 hover effects, an optional second line of text, an icon, four sizes and a repeating attention animation. Use it for the main action on a landing page, a pricing section or a hero.

Live demo

See it in action

Features

What it can do

  • 13 hover effects, including six fills, Draw the Border, Shine, 3D Press, Glow and Moving Gradient.

  • Text Swap effect that shows a different text on hover.

  • Icon Slides In effect, with the icon before or after the text.

  • Optional Second Line under the main text.

  • Four sizes: Small, Medium, Large and Extra Large.

  • Attention animations: Pulse, Bounce, Wobble and Heartbeat, repeating every few seconds.

  • Alignment per device, including Full Width.

  • Optional Button ID for tracking clicks.

Use cases

When to use it

Hero call to action

Use a Large button with a fill effect and a Second Line such as a short reassurance.

Pricing tables

Add a Pulse attention animation to the button of the plan you want to stand out.

Download or signup

Use Text Swap to show a second message when the visitor hovers.

Click tracking

Give the button a Button ID so your analytics tool can target it.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Add the Creative Button widget and enter the Text and the Link.

  2. Optional: add a Second Line, pick an Icon and set Icon Position.

  3. Choose a Size and an Alignment.

  4. Open Effects and pick a Hover Effect. For Text Swap also fill in Text on Hover.

  5. Optional: choose an Attention Animation and set Repeat Every (seconds).

  6. In the Style tab set the normal and hover colors, the fill or effect color, border, radius and padding.

FAQ

Questions and answers

Which hover effects are included?

Fill From the Left, Right, Bottom, Top and Center, Diagonal Sweep, Draw the Border, Shine, Icon Slides In, Text Swap, 3D Press, Glow and Moving Gradient.

Can the button have two lines of text?

Yes. Fill in Second Line and style it with Second Line Typography in the Style tab.

What happens if I leave the Link empty?

The widget prints a plain button element instead of a link, which is useful when a script handles the click.

Can I change how fast the hover effect runs?

Yes. Set Effect Speed (ms) in the Hover tab of the Button style section, from 100 to 1500 milliseconds.

Bright Addons Pro

Get Creative Button with Bright Addons Pro

Bright Addons Pro has 77 Pro widgets plus all 48 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $16 a year, with a 14-day money-back guarantee.