Fernando Acosta

Disclaimer: This plugin has no affiliation or support from Elementor Ltd., quite the opposite.
Easily make entire columns, sections and containers clickable in Elementor, not just individual elements.
Add a link to any column, section or container, and your visitors will be able to click anywhere inside it — perfect for banners, call-to-action areas, and interactive layouts.
<h4>How to use it</h4>
After installing the plugin, open the Elementor editor, select a Column, Section or Container, and under the Layout settings you’ll find a field to add your custom link.
Works seamlessly with internal and external links, Lightbox, and Elementor PRO popup triggers.
<h4>Looking for custom WooCommerce or Elementor development? Contact us at suporte@fernandoacosta.net</h4>

Make Column Clickable for Elementor

Make entire columns, sections and containers clickable in Elementor — improve navigation and user experience with just one link.

Noor Alam

magicalblocks

Magical Blocks brings the Elementor experience to Gutenberg – build stunning websites with the same powerful design controls you love, but 100% native to the WordPress block editor.
<h4>🎯 Why Magical Blocks?</h4>
<ul>
<li>Elementor-Style Workflow – Familiar container-based layouts with Flexbox controls</li>
<li>Lightweight & Fast – Only loads assets for blocks you actually use</li>
<li>Design-First – Professional styling with full customization options</li>
<li>WordPress Native – Built entirely on the Gutenberg block editor</li>
<li>Developer Friendly – Clean code following WordPress coding standards</li>
</ul>
<h4>🚀 Get the Elementor Vibe in WordPress Editor</h4>
Miss Elementor’s intuitive design controls? Magical Blocks brings that same power to Gutenberg:
<ul>
<li>Flexbox Containers – Build complex layouts with direction, wrap, justify, and align controls</li>
<li>Nested Containers – Create sophisticated multi-column designs with Inner Container blocks</li>
<li>Full Responsive Control – Desktop, tablet, and mobile settings for every property</li>
<li>Visual Design Panel – Intuitive controls just like your favorite page builder</li>
</ul>
<h4>📦 12 Free Blocks</h4>
Layout Blocks: 
1. Container Block – Powerful Flexbox container with full layout controls (direction, wrap, justify, align) 
2. Inner Container Block – Nestable container for complex multi-column layouts 
3. Section Block – Full-width sections with backgrounds and inner blocks
Content Blocks: 
4. Heading Block – Advanced typography controls with Google Fonts integration 
5. Button Block – Stylish buttons with hover effects and icon support 
6. Icon Box Block – Icon + text combinations for features and services 
7. Testimonial Block – Customer reviews with avatar and star ratings 
8. Info Box Block – Information cards with icons and call-to-action 
9. Image Box Block – Image + text layouts with hover effects 
10. Counter Block – Animated number counters for statistics 
11. Progress Bar Block – Visual progress indicators with animations 
12. Divider Block – Stylish separators with icons and text
<h4>⚡ Key Features</h4>
<ul>
<li>Flexbox Layout System – Container blocks with full Flexbox controls like Elementor</li>
<li>On-Demand Asset Loading – CSS/JS only loads when blocks are used</li>
<li>Responsive Controls – Desktop, tablet, and mobile settings for all properties</li>
<li>CSS Variables – Easy theme integration and customization</li>
<li>Block Patterns – Pre-designed layouts (coming soon)</li>
<li>Pro Blocks – Additional premium blocks available (coming soon)</li>
</ul>
<h4>🎨 Full Customization</h4>
Every block includes comprehensive styling options – just like Elementor:
<ul>
<li>Typography (font family, size, weight, line-height, letter-spacing)</li>
<li>Colors (text, background, borders with opacity support)</li>
<li>Spacing (padding, margin with responsive controls)</li>
<li>Borders (width, radius, style, color)</li>
<li>Shadows (customizable box shadows)</li>
<li>Hover effects (transitions and transforms)</li>
<li>Layout Controls (Flexbox direction, wrap, justify, align, gap)</li>
</ul>
<h4>🔧 Developer Features</h4>
<ul>
<li>PHPCS compliant (WordPress Coding Standards)</li>
<li>ESLint & Prettier configured</li>
<li>Webpack build system with @wordpress/scripts</li>
<li>Proper internationalization (i18n ready)</li>
<li>Documented codebase with PHPDoc/JSDoc</li>
</ul>
<h4>💡 Perfect For Elementor Users</h4>
Switching from Elementor to Gutenberg? Magical Blocks makes the transition smooth:
<ul>
<li>Same container-based workflow you’re used to</li>
<li>Familiar Flexbox layout controls</li>
<li>Visual design panels for all styling options</li>
<li>No learning curve – just start building!</li>
</ul>

Magical Blocks – Elementor Style Blocks for Gutenberg

Get Elementor vibe in the WordPress Editor! Powerful Gutenberg blocks with Flexbox containers, responsive controls, and professional design options.

Make Column Clickable for Elementor vs Magical Blocks – Elementor Style Blocks for Gutenberg