Mustervorlagen / Tutorials

Tutorial: Einbindung eines iFrames auf der Vereinshomepage mit Gartenbund.de

zurück zur Übersicht


Was ist ein iFrame?


Ein iFrame (Inline Frame) ist ein HTML-Element, das es ermöglicht, externe Inhalte wie Webseiten, Videos oder Formulare in eine bestehende Webseite einzubinden, ohne die Seite zu verlassen. Der Inhalt wird wie ein Fenster innerhalb der Webseite angezeigt.


Warum iFrames nutzen?


Für Vereinswebseiten ist es besonders nützlich, z.B. bei:

  • Online-Formulare: Einbindung von Formularen für Anmeldungen, Rückmeldungen oder Umfragen.
  • Kalender oder externe Inhalte: Darstellung von Terminen oder interaktiven Inhalten.
    Ein Vorteil ist, dass der Besucher die Seite nicht verlassen muss, wodurch die Benutzerfreundlichkeit steigt.


Schritt-für-Schritt-Anleitung zur Einbindung eines iFrames:


Iframe-Link generieren:

  • Besuche den iFrame-Generator.
  • Gib die URL des Inhalts ein, den du einbetten möchtest (z.B. ein Online-Formular).
  • Passe die Höhe und Breite des iFrames an, z.B.:
    • Breite: 100% (passt sich flexibel an die Seite an)
    • Höhe: 500px (anpassbar je nach Inhalt)
  • Kopiere den generierten Code (HTML-Code beginnt mit iframe).


Einfügen des iFrames in Gartenbund.de:

  • Melde dich im Backend deiner Vereinsseite bei Gartenbund.de an.
  • Navigiere zur Seite oder zum Abschnitt, wo der iFrame eingefügt werden soll.
  • Wähle den 2-Spalten-Text-Block aus.


Inhalt im 2-Spalten-Text platzieren:


  •  Linke Spalte: Hier wird der generierte iFrame-Code eingefügt.


Speichern und veröffentlichen:

  • Speichere die Änderungen und überprüfe die Einbindung auf der Webseite.


Wichtige Hinweise:


  • SSL-Zertifikat: Achte darauf, dass die eingebundene Seite über HTTPS läuft, um Sicherheitswarnungen zu vermeiden.
  • Größe anpassen: Passe die Höhe und Breite des iFrames bei Bedarf an, um eine optimale Darstellung zu gewährleisten.
  • Datenschutz: Stelle sicher, dass die eingebetteten Inhalte den Datenschutzrichtlinien entsprechen (z.B. DSGVO).


Mit diesen Schritten kannst du ganz einfach externe Inhalte, wie Formulare, auf deiner Vereinsseite integrieren und den Besuchern eine bessere Nutzererfahrung bieten.