iFrame - Was ist das? | COACHY - Erstelle deine eigene Lernplattform

iFrame - Was ist das?

Blog / iFrame - Was ist das?

Hast du schon mal von “iFrames” gehört? Zugegeben, das klingt erst einmal ziemlich technisch und kompliziert. Tatsächlich sind iFrames aber eine relativ einfache und unkomplizierte Möglichkeit, um Fremdinhalte auf deiner eigenen Website einzubinden - und das auch ohne eigene Programmierkenntnisse. Dieser Artikel gibt dir einen ersten Überblick über die Funktionsweise und Möglichkeiten der iFrames.

Was sind iFrames?

Über einen iFrame kannst du den Inhalt einer fremden Website bzw. eines fremden Anbieters in deinen Mitgliederbereich oder deine Landingpages einbinden. Der iFrame stellt hier sozusagen einen “Rahmen” (frame = engl. für Rahmen) dar, über den der Fremdinhalt dann abgerufen und ausgegeben werden kann.

Viele externe Softwarelösungen stellen dafür sogenannte “Einbettungscodes” zur Verfügung. Dieser Code muss dann einfach nur im Backend (also z.B. in den Einstellungen deines Mitgliederbereichs) eingefügt werden. Anschließend erscheint der externe Inhalt dann automatisch in deinem eigenen Mitgliederbereich oder auf deiner Landingpage. Das können z.B. Videos, Karten oder Formulare sein. Mehr zu den Anwendungsfällen erfährst du weiter unten.

Vorteile der iFrames

Der große Vorteil der iFrames liegt darin, dass du Fremdinhalte sehr einfach auf deiner eigenen Website einbinden kannst. Du musst also nicht auf eine externe Seite verlinken, sondern zeigst den Inhalt stattdessen durch ein “Fenster” (den “frame”) direkt innerhalb deiner eigenen Website an. Da der Inhalt von einer externen Quelle gespiegelt wird, musst du dich dabei auch nicht darum kümmern, dass der Inhalt up-to-date bleibt. Verändert sich der Fremdinhalt auf der externen Website, wird er auch automatisch in deinem iFrame aktualisiert.

Viele Onlineplattformen stellen den entsprechenden Code, der dafür notwendig ist, automatisch zur Verfügung. Meistens wird dieser Code dann als “Einbettungscode” bezeichnet, welchen du dann direkt automatisiert über einen entsprechenden Button auf der Plattform erstellen lassen kannst. Eigene Programmierkenntnisse sind dafür also nicht erforderlich. Alles, was du machen musst, ist: kopieren und einfügen!

iFrames in Coachy

Auf diese Weise lassen sich zahlreiche Drittanbieter und Fremdinhalte ganz einfach auf deiner eigenen Website einbinden. In Coachy funktioniert das sowohl im Mitgliederbereich deiner digitalen Produkte, als auch auf den Landingpages.

In deinem Mitgliederbereich kannst du iFrames über den entsprechenden Reiter “iFrame” in eine beliebige Lektion einbinden:

Im Landingpagebuilder kannst du iFrames über das “HTML-Element” einbinden:

Typische Anwendungsfälle

Um dir einen ersten Überblick über die Möglichkeiten zu geben, findest du hier ein paar typische Anwendungsfälle für die Nutzung von iFrames:

Formulare

Eine einfache und doch sehr praktische Möglichkeit besteht darin, Formulare auf der Website einzubetten. Über Anbieter wie Google Forms oder Typeform kannst du ganz flexibel eigene Formulare erstellen, die perfekt auf deinen Anwendungsfall zugeschnitten sind. Du kannst also selbst festlegen, welche Felder oder Abfragen dein Formular enthalten soll.

Um beispielsweise einen iFrame für dein selbst erstelltes Google-Formular zu erstellen, klicke in deinem Formular auf “Senden”. Wähle anschließend das Teilen-Symbol (siehe Screenshot) aus, um deinen iFrame-Code zu erhalten. Den HTML-Code kannst du jetzt einfach kopieren und über eines der beiden oben genannten Elemente in deinem Coachy-Mitgliederbereich einfügen.

Beispiel eines mit “Google Forms” erstellten Formulars:

Webinar-Anmeldung

Auch viele Anmeldeformulare zu Webinaren können per iFrame direkt in deine Website eingebunden werden. Darüber können Interessenten dann einen verfügbaren Webinar-Termin auswählen und sich automatisiert zu diesem Webinar anmelden.

iFrame-Anmeldeformular der Webinar-Plattform “Webinaris”:

Terminkalender

Du möchtest gerne Termine für Live-Coachings vergeben? Kein Problem, über Tools wie “Calendly” können sich deine Kunden ganz einfach Termine in deinem Kalender erstellen - ohne kompliziertes und zeitaufwendiges Hin- und Herschreiben. Deine Verfügbarkeitszeiten kannst du natürlich vorher selbst konfigurieren. Per iFrame kannst du die Terminauswahl direkt in deine Website einbinden.

Widgets

Über Drittanbieter wie Elfsight kannst du zahlreiche Widgets per iFrame einbinden. Diese Widgets können die unterschiedlichsten Anwendungsfälle abdecken. So gibt es beispielsweise Widgets für:

Fotogallerien
Social Media Feeds von z.B. Facebook, Instagram oder Twitter
Widgets zum Anzeigen von Bewertungen von Google, Facebook oder Trustpilot
Chats von WhatsApp, Facebook oder Telegramm
Preisübersichten
und vieles mehr...

Die Nutzung solcher Widgets ist im eingeschränkten Umfang oft kostenlos. Für eine umfassendere Nutzung muss dann meist ein kostenpflichtiges Paket gewählt werden.

Google Maps

Einfache Adressangaben waren gestern - über Google Maps kannst du Karten in deine Website einbetten. Perfekt also, wenn du den Standort deines Unternehmens mit deinen Kunden teilen möchtest.

Um den Einbettungscode für eine Adresse zu erstellen, klicke einfach auf den Teilen-Button. Anschließend kannst du “Karten einbetten” auswählen und dir wird der entsprechende iFrame-Code angezeigt.

Facebook-Post

Auch bereits veröffentlichte Facebook-Beiträge lassen sich per iFrame einfügen. Über einen ausgewählten Facebook-Post können sich die Mitglieder deines Mitgliederbereichs dann beispielsweise weiter zu einem bestimmten Thema austauschen. Klicke dafür bei dem entsprechenden Facebook-Beitrag auf das Menü-Icon und wähle “Einbetten” aus. Anschließend wird der Einbettungscode bzw. iFrame automatisch für dich generiert.

Slideshare

Über den Dienst “SlideShare” kannst du z.B. Präsentationen und andere Dokumente bereitstellen. Per iFrame lassen sich diese Dokumente dann direkt innerhalb deiner Website teilen. Auf diese Weise kannst du also nicht nur Texte, Videos und Audios in deinen Coachy-Mitgliederbereich einbinden, sondern auch andere Dokumente.

Wenn du Fragen oder Schwierigkeiten bei der Einbindung eines iFrames in deinem Mitgliederbereich hast, steht dir unser Support immer gerne zur Verfügung.