Same Page (target="_self) links not working at all in Embedded iframe

Hi,

I'm new here:)

As the title explains, I am having trouble using an Embedded iframe, which is for a booking/scheduling system that I'm using. I specifically need the links contained in this iframe, to link to the 'Same Page' so that the booking system can be access in a variety of different ways but work harmoniously whichever route taken.

Highlighted in the image below in yellow are the links that I'd like to link to "Same Page". The code upon inspection for the top link is:

<a href="http://www.confidentswimmers.com/confirm" target="_self">Booking and Cancellation Agreement</a>

However, I am finding that within Squarespace, target="_self" is failing to open at all within the iframe. Squarespace recognises the link (as shown in the red arrow in the image below) however upon clicking nothing at all happens.

When the same link is set to  target="_blank" , the link does successfully open to a New Page. But for the flow to work properly across all access methods as previously mentioned, I really need it to open to 'Same Page' and not a New Page.

The developer of the scheduling system, TimeTap, have shown me that the Same Page / target="_self" links DO work when they are in an iframe that it not hosted by Squarespace, and I have tested their example. So it seems to only be a problem when it is embedded within an iframe within Squarespace.

I have been advised by TimeTap to ask Squarespace if there is a security setting which is preventing 'Same Page' links from opening up within an iframe in Squarespace, however Squarespace help just said they cannot help with Code and forwarded me on to this forum, thus my first post. It doesn't really seem to be an issue of faulty code, but that there is some incompatibility of 'Same Page' links opening within an embedded iframe within Squarespace itself. Is there some setting or some code that I can insert somewhere, that will enable 'Same Page' links within an iframe in Squarespace to open successfully?

Thank you for any help

It doesn't seem to show the site url in my post, this is:

https://www.confidentswimmers.com/booking

If you visit the Site url, below is a screenshot of the links in question highlighted in yellow, and the red arrow shows that squarespace recognises the link - but just doesn't open it.

Hi Paul, thank you for taking the time to respond,

That is a great help. I actually seemed to find a workaround in changing it to target="_parent" . For some reason, this did have success at working (without me changing to https, as far as I know). And it actually appears much better than if the link opens within the iframe itself (as it prevents the site logo and navigation from showing twice). So I'll stick with that for now but thank you for your input and that may well come in handy in the future 🙂