New services appear almost daily on the Internet & new needs are constantly arising to integrate these services into the company’s offerings and processes. Offers an effective way to integrate external content. This makes it easy to integrate existing pages such as Mobile.de or Bookatable etc. via iFrames into your apps.
Table of contents
In 3 steps, insert a web page using the iFrames:
Step 1 Content module
Create a Content module and select/click on the source code mode/button.
Step 2 Insert source code:
In the source view, please insert the following code:
<div style="-webkit-overflow-scrolling: touch;overflow-x:hidden;overflow-y: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"><iframe src="https://www.appyourself.net/blog" style="width:100%;height:100%;border: none;"></iframe></div>
Step 3 Insert desired url:
Replace the URL https://www.appyourself.net/blog with a direct link to the page you want to include. Notes on use: Please note that despite the large number of compatible sites, there are some providers that block the use of <iFrames> so that embedding is prevented. Furthermore, the page to be embedded must have an SSL certificate (https://) because it can be embedded but not displayed correctly.
The complete content of the website is embedded by <iFrame> .
- When displaying a , the content of the entire website is taken over.
- It is not possible to show only parts of a website as or to hide various parts of it.
If, for example, navigation on the edge of a website is disturbing and you only need the centered content, there are several possibilities:
- Check if the content is already represented by a
- Can the owner offer me the content without disturbing elements?
- Is a really necessary?
With the AppYourself construction kit you can insert as many iFrames as you like.
Your website is increasingly visited by smartphone users. In some industries, up to 80 % of visitors are mobile. Therefore, a mobile optimized website is very important for companies today. At AppYourself you create a progressive web app.