Before starting
If you're trying to integrate an iFrame into your website but the tool isn't accepting the link or the iFrame isn't displaying properly, don't worry. This article goes through the main reasons why an iframe might not be working as it should.
Note: Apple has put in place a restriction that creates a malfunction on Safari. This means that the iframe doesn't work if the person registering has not visited your organization's website first. This is a very common issue among Apple users.
Here we will cover the following topics
What is an iFrame?
An iframe, short for inline frame, can be integrated into a website and it acts as a sort of open "window" onto another website. Through this "window", users can see and interact with the content of the other website.
It is possible to, for example, add a Google Map on your website to indicate the address of your office:
If you do not want to use the Website feature, an iframe is used to display your ticketing and registration campaigns on your external website. These campaigns include your donation and membership campaigns, as well as your store and event registration created on our software.
It is possible that the iframe sometimes does not display as it should. Below are some reasons why this could be happening.
Main causes of error
The iFrame code is not correct
This should be the first thing that is checked in case there is a problem displaying the iframe or if an error message appears. It is very easy to forget part of the code, so simply copy and paste it again, and press enter.
The website feature is not active
While your website appears as a site under maintenance in our software, campaigns embedded as iframes will only be visible to administrators.
Even if you are not using the website feature, all iframes are linked to the software website. This is why the website needs to be published. To do so, head over to the page Website > Settings and Pages and select the option of Published website in the drop-down menu at the top.
If you do not want to use the Website feature, simply deactivate it once the previous step is completed. To do so:
- Head over to Settings in the bottom left corner. You will be redirected to the Admin settings center.
- Once on this page, click go to Manage features > Website, and disable the option.
- The URL of the website will then only display the login page to the contacts section.
If these two possible causes have not resolved your problem, the issue is likely occurring with the SSL certificate.
Problem with the SSL certificate
Identifying an SSL certificate problem
If you are trying to insert content using an iframe and receive this error: "The URL must start with https://", you likely have an SSL certificate problem.
This problem occurs when trying to add an iframe to a website that is not an HTTPS. The "S" guarantees that the page is secure. A page becomes an HTTPS page when it activates an SSL certificate.
In this case, the website that you are trying to integrate an iframe into has not activated the SSL certificate, whereas your website has activated it.
It is highly advised not to use an iframe if the two websites do not follow the same protocols. In other words, you shouldn't be mixing https websites with http ones. Here's why:
- The protocol HTTPS becomes obsolete (and will reduce the security of your website).
- Most browsers block this type of request: if you do it, certain browsers will not display your iframe content
Resolving this problem
To resolve this problem, there are two solutions:
- You can replace the content you wanted to show in the iframe with content that comes from an HTTPS website.
- You can make sure the two websites follow the same protocol (i.e. If your website is in HTTPS and the content you want to insert in iframe follows an HTTP protocol, you can install an SSL certificate on the website you are trying to display in iFrame, or see if the website exists in HTTPS format.)
Comments
0 comments
Please sign in to leave a comment.