Fügen Sie eine URL ein, wählen Sie Breite und Höhe, aktivieren oder deaktivieren Sie einige Optionen und kopieren Sie sauberen <iframe>-Einbettungs-HTML-Code – für Ihre Knocket-Seite, ein Video, eine Karte oder alles andere, was der Browser anzeigen kann. Sehen Sie sich eine Live-Vorschau an und fügen Sie den Code anschließend in Ihre Website ein. Keine Anmeldung, keine Speicherung.
Leere Vorschau? Die Website blockiert die Einbettung — der Code ist trotzdem korrekt.
Am sinnvollsten ist es, eine Seite einzubetten, über die man Sie erreichen kann. Eine kostenlose Knocket-Kontaktseite ist speziell zum Einbetten konzipiert — fügen Sie sie einfach auf Ihrer Website ein, und Besucher erhalten Zugang zu Live-Chat, WhatsApp, E-Mail und Terminbuchung, ohne dass Sie ein Formular oder Backend erstellen müssen. Hol dir deine kostenlose Seite →
Eine Seite in eine andere einzubetten, gehört zu den ältesten Grundfunktionen des Webs. Das <iframe>-Tag jedoch manuell zu schreiben – mit der richtigen Breite, einem Titel für Screenreader, Lazy Loading und einer sicheren Sandbox – ist umständlich und fehleranfällig. Ein Generator macht es jedes Mal richtig und zeigt Ihnen das Ergebnis, bevor Sie es veröffentlichen.
Füge es in WordPress in einen Custom-HTML-Block, in Wix in ein Code-Embed, in Squarespace in einen Embed-Block oder direkt in den HTML-Code deiner Website ein. In einem React-/Astro-Layout kannst du den <iframe> über ein Raw-HTML-Element einfügen. Das Tag ist eigenständig — es müssen keine Skripte oder Stylesheets geladen werden.
Ein iFrame eignet sich perfekt, um eine andere Seite innerhalb deiner eigenen anzuzeigen. Es ist nicht das richtige Werkzeug, wenn du Folgendes benötigst:
X-Frame-Options: DENY sendet — Google, Instagram und die meisten Anmeldeseiten lassen sich nicht in Frames einbetten.Für ein Kontakterlebnis, das nativ in Ihre Website integriert ist (kein iFrame, Ihre Domain, Ihr Design), benötigen Sie für ein Knocket-Widget lediglich ein einziges Skript-Tag.
Ja – völlig kostenlos, ohne Anmeldung und ohne Limits. Das HTML wird in deinem Browser erstellt; nichts wird hochgeladen oder gespeichert. Du kannst beliebig viele Einbettungscodes generieren.
Die Website, die du einbetten möchtest, sendet einen X-Frame-Options- oder Content-Security-Policy-Header, der die Einbettung in einen Frame verhindert. Google, Instagram, Facebook und die meisten Seiten, auf denen man angemeldet sein muss, tun dies. Der generierte Code ist dennoch korrekt — die Website lässt sich lediglich nirgendwo und von niemandem einbetten. Knocket-Seiten und die meisten Videoplayer (YouTube, Vimeo) erlauben die Einbettung.
Das Attribut sandbox schränkt ein, was die eingebettete Seite tun kann, sodass eine nicht vertrauenswürdige Einbettung keine Fenster öffnen, Formulare ausführen oder auf deine Seite zugreifen kann. Eingeschränkt (empfohlen) erlaubt der Einbettung, Skripte und Formulare auszuführen, blockiert jedoch gefährliche Funktionen; Streng erlaubt nur Skripte. Deaktiviere es für eine vertrauenswürdige Seite, die den vollen Funktionsumfang benötigt.
Das Attribut title im iframe teilt Screenreadern mit, was sich darin befindet – unverzichtbar für die Barrierefreiheit. Ohne dieses Attribut hören Besucher, die assistive Technologien nutzen, nur „Frame“ ohne weiteren Kontext. Legen Sie es immer so fest, dass es den eingebetteten Inhalt beschreibt (z. B. „Knocket-Kontaktseite“).
Verwenden Sie responsiv (100 % Breite), wenn die Einbettung den gesamten Container ausfüllen soll – wie bei den meisten modernen Websites. Verwenden Sie eine feste Breite und Höhe, wenn Sie exakte Abmessungen benötigen, etwa für einen Videoplayer oder eine quadratische Karte. Responsive Einbettungen werden auf Ihrer Seite üblicherweise mit einem Wrapper für das Seitenverhältnis kombiniert.
Ja. loading="lazy" weist den Browser an, den iframe erst zu laden, wenn der Benutzer in dessen Nähe scrollt. Dadurch wird deine Seite anfangs schneller geladen — besonders hilfreich, wenn du mehrere Einbettungen auf einer Seite hast.
Nein. Alles läuft in Ihrem Browser — die URL, der Titel und die Optionen verlassen niemals Ihr Gerät. Es gibt keinen Server, keine Datenbank und kein Konto.
Ja – und dafür eignet es sich hervorragend. Deine Knocket-Kontaktseite ist für die Einbettung konzipiert: Besucher erhalten direkt auf deiner Website Live-Chat, WhatsApp, E-Mail und Terminbuchung, ohne dass du ein Formular oder Backend programmieren musst. Füge deine URL knocket.trtc.io/your-handle ein und kopiere den Code.
Am besten betten Sie etwas ein, über das Menschen Sie erreichen können. Eine Knocket-Seite bringt Live-Chat, WhatsApp, E-Mail und Terminbuchung auf jede Website.
Erstelle deine kostenlose Seite