Jump to content

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

Go to solution Solved by paul2009,

Recommended Posts

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.

image.thumb.png.d19fcf5a39db7dfa34d6be96b9bd26ec.png

Edited by MrSidReal
Including site url
Link to comment
  • Replies 2
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution
34 minutes ago, MrSidReal said:

I am finding that within Squarespace, target="_self" is failing to open at all within the iframe. Squarespace recognises the link...however upon clicking nothing at all happens.

This isn't a Squarespace specific issue 🙂.

The problem is that the agreement link and button use a non-secure link that is prefixed with http://. As your Squarespace website is securely hosted and served using https, the request to access a http (non-secure) link is blocked because it would be insecure.

If you update the links to https it should function like this:

image.thumb.gif.e56567dd6d915e855e96dd31a2c4fafb.gif

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

About me: I'm Paul. A SQSP User for 18 yrs, I've been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
  • 3 weeks later...

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 🙂

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.