A call-to-action button with 13 hover effects (fills, border draw, shine, text swap, 3D press, glow) and attention animations. It comes with Bright Addons Blocks Pro, which also includes every free block.
Live demo
This is the block itself with its starting settings. Change any of them in the block sidebar.
What you can set
The Creative Button block has 4 settings panels. No code needed.
Set text, Second line, Link, Open in a new tab, Add rel=”nofollow”, Icon, Icon position, Size, Alignment and 1 more settings.
Set hover effect, Text on hover, Effect speed (ms), Attention animation and Repeat every (seconds).
Set corner radius (px), Border width (px), Icon size (px, 0 = text size) and Icon spacing (px).
Set 10 color settings.
How to use it
Settings
The full list, panel by panel, is in the Creative Button guide.
| Setting | What it does | Choices |
|---|---|---|
| Text (Button) | Text you type. | – |
| Second line (Button) | Text you type. | – |
| Link (Button) | Leave empty for a plain button. | – |
| Open in a new tab (Button) | On or off. | – |
| Add rel=”nofollow” (Button) | On or off. | – |
| Icon (Button) | Icon picker. | – |
| Icon position (Button) | Choose one. | Before, After |
| Size (Button) | Choose one. | Small, Medium, Large, Extra large |
| Alignment (Button) | Choose one. | Left, Center, Right, Full |
| Button ID (Button) | Optional, without “#”. Useful for tracking clicks. Must be unique on the page. | – |
| Hover effect (Effects) | Choose one. | None, Fill from the left, Fill from the right, Fill from the bottom, Fill from the top, Fill from the center, Diagonal sweep, Draw the border, Shine, Icon slides in, Text swap, 3D press |
| Text on hover (Effects) | Text you type. | – |
| Effect speed (ms) (Effects) | From 100 to 1500. | – |
| Attention animation (Effects) | Repeats every few seconds to draw the eye. Stops while hovered and for visitors who prefer reduced motion. | None, Pulse, Bounce, Wobble, Heartbeat |
Questions
Creative Button is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.
No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.
No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.
Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.
More blocks
Bright Addons Blocks
Blocks Pro has all 99 Pro blocks, the 62 free blocks, Pro effects for every block, Theme Templates and popups.
Yearly and lifetime plans. Use this code at checkout:
14-day money-back guarantee. Ends Monday 30 November at 23:59.
