Clickthrough link on shapes

Hi, I'm trying to put a clickthrough link on a bunch of shape blocks on a certain page for my website. Does anyone know if this is possible?

Thanks!

These are the shape blocks I'm trying to create links on, so the entire block is clickable. I need this for all of the shapes on this page: https://sphere-lime-9c9x.squarespace.com/prices

What is password?

(1) You can also follow this guide

First, use this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('.fe-block a:contains("clickable")').addClass('text-click');
});
</script>

(2) Use this code to Custom CSS box

a.text-click {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent !important;
}

(3) Add Text Block over Shape Block

Add a text: clickable and add link on it. Replace Google with your desired url.

The code I sent above will hide this text and make Shape clickable

hey @tuanphan this was a great hack for making shapes clickable. but when I load the page, the 'clickable' text loads quickly first for a split second. any way to avoid this flash of the text?

On 6/11/2024 at 1:14 PM, andersen.lucy said:

hey @tuanphan this was a great hack for making shapes clickable. but when I load the page, the 'clickable' text loads quickly first for a split second. any way to avoid this flash of the text?

You can share page url, I will give you code to fix this.