To publish these web URLs, you should contact your Marketing or Web Development Department (Webmaster) to work on embedding these web URLs as iFrames. However, here’s a brief explanation of what they are and how to do it.
What are iFrames?
An iFrame is a way to embed one webpage within the content of another. This is done using HTML tags, the URL of the external page, and specifications on how the window should appear on your site.
How to Use iFrames with WordPress?
Just as there are several scenarios where you might want to use an iFrame, there are multiple methods to implement one. Below, we show you one of the most common ways to add iFrames to your WordPress site.
- Adding iFrames in WordPress Manually
The basic code to add an iFrame to a page is quite simple. All you need are the opening and closing HTML tags and the URL of the webpage you want to embed:
There are a couple of limitations to keep in mind regarding the source URL. First, iFrames can only display content from sites that use the same hypertext transfer protocol as yours. In other words, if your site uses HTTPS, you can only embed content from other HTTPS sites. Similarly, if you use HTTP, you can only embed URLs that also use HTTP.
Additionally, some popular websites—such as Facebook and YouTube—disable manual iFrame embedding. If you try to display a page from a site that doesn’t allow iFrame embedding, an error will appear in your window:
If you can use this method, it’s important to know that you can also customize your iFrames to meet your site’s needs. This is where iFrame parameters come into play. Some of the most common ones include:
- Width: This parameter allows you to set a specific width for the iFrame in pixels.
- Height: Like the width parameter, height determines the size of the iFrame window on your webpage in pixels.
- Allow: With this parameter, you can set certain default behaviors or functions for your iFrame, such as full-screen display or payment processing.
- Importance: You can use this parameter to specify when an iFrame should load.
For example, here’s how the code might look for an iFrame with a window size of 900 pixels by 700 pixels, with full-screen display enabled, set to load after the rest of the webpage:
On the interface, this is what the iFrame might look like:
If you're interested in offering this functionality to your partners, request the web URLs from our Customer Happiness Support department.
If you need more information, contact us through our Help Center or via the chat button in Trainingym Manager.