Description

Skip the tedious styling configurations and custom code. Safelayout Brilliant Buttons delivers an instant library of pre-designed, high-converting Call to Action (CTA) buttons and layout sections that drop straight into your content with a single click.

Using our dedicated “Insert Button from Library” feature, you can browse, preview, and deploy stunning design buttons instantly. Whether you use Gutenberg (Block Editor), Elementor, or the Classic Editor, this lightweight companion brings effortless aesthetic upgrades to your website. There is no manual layout building required—simply pick a ready-made option from the library featuring multi-color gradient fills, background patterns, or elegant text subheadings.

📦 Ready-Made Call to Action Patterns & Blocks

Want more than just a single button? Access pre-configured layout blocks designed to capture leads instantly:
* High-Converting Sections: Instant boxes complete with bold marketing headers (e.g., “Get 40% Off Across All Categories” or “Ready to Bring Your Ideas to Life?”) with beautiful buttons like “Visit Shop” and “Shop Deals”.
* Native Integration: Insert these ready-made patterns directly from your Gutenberg block panel or Elementor widget dashboard with zero building required.

⏳ Effortless “After Click” States (Zero Frustration)

Standard WordPress buttons leave users wondering if a page has frozen after a click. Safelayout Brilliant Buttons fixes this user experience gap instantly with automated after-click loading features. With no complex setup, your buttons can automatically display:
* Live Processing Statuses: Watch the button label immediately update to helpful feedback like “Please wait…” or “Redirecting…”.
* An Inline Loading Spinner: A smooth, integrated visual animation shows users the site is actively working.
This unique feature eliminates duplicate form submissions and keeps traffic calm on slower web servers.

⚡ Instant “Click Effects” & Fluid Hover Transitions

Give your website visitors immediate, tactile satisfaction. The plugin includes pre-configured click animation profiles and fluid micro-interactions. Your buttons respond the exact millisecond they are pressed with interactive ripple waves, tactile micro-depressions, and energetic layout pulses.

🚀 Optimized for Core Web Vitals (No Font Files)

Protecting your website page speed is our highest priority. Unlike alternative visual blocks that drag down loading times by fetching heavy external icon toolkits, this plugin displays iconography using 100% pure inline HTML SVG icons. Your pages load lightning-fast, keeping your Core Web Vitals clean across modern desktop and mobile browsers.

🎨 Native Theme & Full-Site Editing (FSE) Compatibility

Every pre-set styling choice plays perfectly with responsive modern layouts. Enjoy absolute cross-browser rendering reliability and native Full-Site Editing (FSE) support that seamlessly syncs with your theme’s global font sets and wrapper container environments.

Features

High quality buttons.
Available in Block editor, Classic editor and Elementor.
Many beautiful button effects.
Many beautiful Hover animation effects.
Includes buttons with various background patterns.
Includes buttons with various click effects.
Ability to show loading animation and change text after click.
Include icon button.
Include Sub text.
Include multi color icon packs.
No icon fonts, just inline SVG.
Gradient color for icon fill and stroke as well as background color.
Fully compatible with Full-Site Editing.
Cross browser compatible.
Fully customizable.
Work with Any Theme.

Live Demo

Safelayout Brilliant Buttons Demo.

Pro Version

Safelayout Brilliant Buttons Pro is available. Upgrade to pro version and get full features!

Safelayout other plugins

Safelayout Elegant Icons – WordPress icon block

Safelayout Cute Preloader – CSS3 WordPress Preloader

Safelayout Animated Header Footer

Screenshots

Available in classic editor — Available in elementor

Blocks

This plugin provides 2 blocks.

Button (Safelayout) Beautiful and high quality buttons.
Safelayout Brilliant Buttons Beautiful and high quality buttons.

Installation

Automated Installation (Recommended)

Navigate to your WordPress Admin Dashboard -> Plugins -> Add New.
Type “Safelayout Brilliant Buttons” directly into the upper right search grid.
Click Install Now, then select Activate.

Manual Installation via ZIP Upload

Go to the Plugins section of your WordPress dashboard.
Click on Add New.
Click on the Upload Plugin button.
Browse and locate the zipped plugin that you have downloaded.
Activate the plugin by clicking on Activate.

FAQ

Do I have to design these buttons from scratch?: No! You do not need to spend any time designing. The plugin features an instant “Insert Button from Library” feature. With a single click, you can open our pre-designed library, choose a gorgeous button style, and insert it directly into Gutenberg, Elementor, or the Classic Editor.
Does it include full Call to Action sections?: Yes! Beyond individual buttons, you get ready-made Call to Action Gutenberg Patterns and Elementor Templates. These insert a complete promotional box onto your page containing an eye-catching header (e.g., “Save Big, Up to 60% Off”), a short description, and beautifully aligned companion buttons.
How do the “After Click” features help my website?: Standard WordPress buttons offer no visual feedback when clicked, leaving users wondering if the site is frozen. The “After Click” loading animation and dynamic text updates (e.g., changing “Submit” to “Please wait…”) give visitors instant reassurance, which prevents accidental double-submits and improves form conversions.
Does this plugin slow down page speeds?: No. The plugin is strictly optimized for performance. It uses lightweight CSS properties and pure inline SVG code structures, completely eliminating dependencies on external asset toolkits or bloated icon font libraries.
Can I use this builder inside Elementor?: Yes. Upon activating the plugin, a custom “Button (Safelayout)” module will automatically register inside your Elementor editor sidebar tools panel, giving you full access to the design library layout engine.

Reviews

akramattari February 8, 2026 1 reply

Safelayout Brilliant Buttons is nice for your website amazing look.

Read all 1 review

Contributors & Developers

“Safelayout Brilliant Buttons – WordPress Buttons” is open source software. The following people have contributed to this plugin.

safelayout

“Safelayout Brilliant Buttons – WordPress Buttons” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Safelayout Brilliant Buttons – WordPress Buttons” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.4

Updated user interface.
Fixed some issue.

1.2.3

Fixed issue with safecss filter.

1.2.2

Fixed border radius issue.
Fixed animation issue.
Fixed dialog size issue in the classic editor.
Added some new buttons to the library.
Added some new animation effects.
Updated user interface.

1.2.1

removed the ability to change the “Add to cart” button of WooCommerce.
removed the ability to change the buttons of Easy Digital Downloads (EDD).
Updated user interface.

1.2.0

Fixed some issue.
Updated user interface.

1.1.12

Fixed mce dialog issue.

1.1.11

Fixed animation issue.

1.1.10

Added Sub text to the button.

1.1.9

Fixed some issue.
Updated user interface.

1.1.8

Added some templates to the Elementor.

1.1.7

Added “Insert Button from Library” button.

1.1.6

Fixed button issue with classic editor.

1.1.5

Added some block patterns to the block editor.
Added a new animation type to the button block.

1.1.4

Added upgrade notification in the WordPress dashboard.

1.1.3

Updated user interface.

1.1.2

Activated some features of the pro version, in the free version.
Updated the button block default value.
Fixed Elementor history issue.

1.1.1

Updated user interface.

1.1.0

Added compatibility with Elementor.

1.0.4

Added the ability to change the “Add to cart” button of WooCommerce.
Added the ability to change the buttons of Easy Digital Downloads (EDD).( “Add to cart”, Checkout, Purchase, “Free Download” )
Added After click ( loading ) effects.

1.0.3

Added compatibility with classic editor.

1.0.2

Added deactivation feedback.

1.0.1

Added rate reminder notification in the WordPress dashboard.

1.0.0

Initial Release.