wpnote

<p>Clickable Blocks plugin brings flexibility and power to the WordPress editor.<br />
This intuitive and easy-to-use plugin lets you add a link to any group block effortlessly, turning any section of your layout into a gateway for new discoveries for your visitors.</p>
<p>Clickable Blocks is the perfect solution for those looking to make their site more interactive and navigable.<br />
Ideal for informative boxes, portfolio sections, or any other area you wish to make clickable, this plugin increases engagement and improves user experience on your site.</p>
<p><strong>How to Use:</strong><br />
After installing the plugin, select a group/columns/column block, and you’ll see an “Edit Link” button appear in the Toolbar. Click it and insert your link.</p>
<p><strong>Key Features:</strong><br />
– <strong>Fluid Links on Blocks</strong>: With just a few clicks, any group block can become a clickable link. Whether it’s a text section, an image, or a complex layout, your block is ready to link.<br />
– <strong>Two Linking Modes</strong>: Choose between inserting an <code><a></code> tag within the group for a direct link, or opt for the JavaScript option to keep the DOM unaltered. Flexibility is at the heart of our design.<br />
– <strong>Total Control over Link Behavior</strong>: Decide whether to open links in a new tab with <code>_blank</code> or keep the user on the same page. The choice is in your hands.<br />
– <strong>Ease of Use</strong>: No coding knowledge required. The plugin is designed to be user-friendly, allowing you to add links quickly and easily.<br />
– <strong>Compatibility and Performance</strong>: Tested with the latest WordPress versions and optimized to not slow down your site.<br />
– <strong>Compatible with WordPress >= 6.4 and PHP >= 7.4</strong></p>
<p>Feedback is welcome through this <a href="https://www.wp-note.it/plugin-clickable-blocks/" rel="nofollow ugc">link</a></p>


Clickable Blocks

Transform blocks into clickable links effortlessly with 'Clickable Blocks' – enhance user engagement instantly!

Daniel Floeter

<p>Combine blocks into a group wrapped with an hyperlink (<a>).<br />
After inserting a Hyperlink Group Block, a Block inserter icon will be displayed to allow you to add new Blocks inside that Hyperlink Group Block.</p>
<h4>Tip Top Press</h4>
<p>We’re <a href="http://tiptoppress.com/?utm_source=wp.org&utm_medium=readme.txt&utm_campaign=hyperlink+group+block&utm_content=TipTopPress" rel="nofollow ugc">Tip Top Press</a> and create Gutenberg Blocks for WordPress. If you want to know about what we’re working on and you are interested in backgrounds then you can read all newes storys on our <a href="http://tiptoppress.com/blog/?utm_source=wp.org&utm_medium=readme.txt&utm_campaign=hyperlink+group+block&utm_content=blog" rel="nofollow ugc">blog</a>.</p>
<h4>Grouping Existing Blocks</h4>
<p>It’s also possible to group existing Blocks.<br />
Select the Blocks which should be grouped with a Hyperlink. The Block Toolbar will appear. Click on the Block icon and select the Hyperlink Block to transform the selected Blocks to an Hyperlink Block with some InnerBlocks.</p>
<h4>Advanced</h4>
<p>On the Advanced Tab set the link’s <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/target" rel="nofollow ugc">target</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel" rel="nofollow ugc">rel</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title" rel="nofollow ugc">title</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label" rel="nofollow ugc">aria-label</a> attributes.</p>
<h4>Features</h4>
<ul>
<li>Wrap Blocks with a hyperlink</li>
<li>Use link from Query Loop Block</li>
<li>Transform Blocks into a group wrapped with an HTML anchor tag (<a>)</li>
<li>Set the link href attribute</li>
<li>Set rel, title and aria-label attributes</li>
<li>Option open in a new window and set tab name to open in the same tab</li>
<li>Set hover background color</li>
<li>Inner anchor elements are automatically deleted</li>
</ul>
<h4>Contribute</h4>
<p>While using this plugin if you find any bug or any conflict, please submit an issue at <a href="https://github.com/DanielFloeter/hyperlink-group-block" rel="nofollow ugc">Github</a> (If possible with a pull request).</p>


Hyperlink Group Block

Just what we were looking for, to allow adding links to blocks. Already using it on two sites now.

Great job!

There was an issue updating, but I am sure that will be fixed soon :)

Perfect solution to making block linkable


This should be part of WordPress core blocks. Thanks for fixing Gutenberg!


This should be a Core Block!

Combine blocks into a group wrapped with an hyperlink (<a>).

Clickable Blocks vs Hyperlink Group Block