Integration of external websites via iFrames with AppYourself!

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 or Bookatable etc. via iFrames into your apps.

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.

Creating a content module to add iFrames

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="" style="width:100%;height:100%;border: none;"></iframe></div>

Step 3 Insert desired url:

Replace the URL “” 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.



Follow us on Social Media

Die passende Lösung für jede Branche

Started Sie jetzt durch mit dem AppYourself App-Builder und erstellen Sie eine App für Ihr Unternehmen, die Ihre Kunden lieben werden.

oder rufen Sie uns doch einfach an: