Eine externe Website per iFrame einbinden

So gehen Sie vor, wenn Sie eine externe Website in Ihre App einbinden möchten

Per iFrame ist es möglich, externe Website Inhalte in die eigene App zu integrieren. Bei einem iFrame handelt es sich um ein HTML-Objekt, das in einem festen Rahmen auf eine bereits bestehende Website bzw. in eine App eingebunden werden kann. 

Vorgehensweise
Dazu fügen Sie im Dashboard das Text- und Bild Modul hinzu. Anschließend wählen Sie den Quellcode Modus aus (im folgenden Screenshot grau hinterlegt).

Sie können nun den folgenden Code einfügen: 

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

Sie sehen, dass der iFrame die URL unserer Webseite beinhaltet. Diesen ersetzen Sie einfach mit der URL des gewünschten Website Links, den Sie einbinden möchten. Wir möchten Sie darauf hinweisen, dass es manchmal vorkommen kann, dass die iFrame Einbindung nicht möglich ist. Das liegt daran, dass einige Anbieter dies unterbinden. Des Weiteren ist es erforderlich, dass die einzubettende Website ein SSL-Zertifikat (HTTPS) aufweist, damit sie korrekt angezeigt wird.

Einige Websites bieten selbst die Möglichkeit, einen iFrame auf einer anderen Website oder in Ihre App einzubinden. Dies wird Ihnen mit mit Copy Embed Code angezeigt, wenn Sie z.B. mit der rechten Maustaste auf ein Objekt klicken.

Hinweis
Nachdem Sie den iFrame eingefügt haben, verlassen Sie bitte wieder den Quellcode Modus (erneutes Klicken auf den Quellcode Button). Erst dann können Sie den iFrame speichern.