Start/ Darmowe narzędzia/ Generator kodu osadzania

Darmowy generator kodu osadzania

Wklej adres URL, wybierz szerokość i wysokość, przełącz kilka opcji i skopiuj czysty kod HTML do osadzania <iframe> — dla swojej strony Knocket, filmu, mapy lub dowolnej treści, którą może wyświetlić przeglądarka. Zobacz podgląd na żywo, a następnie wklej kod na swoją stronę. Bez logowania, bez przechowywania danych.

Podgląd na żywo
Wpisz adres URL, aby zobaczyć podgląd…

Podgląd jest pusty? Strona blokuje osadzanie — kod nadal jest poprawny.

Osadź kod HTML — skopiuj go
 
Embed your Knocket contact page — visitors chat with you without leaving your site. Get your page →
◈ OSADŹ WŁASNĄ STRONĘ KONTAKTOWĄ

Najbardziej użytecznym elementem do osadzenia jest strona, która pozwala innym się z Tobą skontaktować. Bezpłatna strona kontaktowa Knocket została stworzona z myślą o osadzaniu — dodaj ją do swojej witryny, a odwiedzający zyskają dostęp do czatu na żywo, WhatsAppa, poczty e-mail i rezerwacji bez konieczności tworzenia przez Ciebie formularza ani zaplecza. Utwórz darmową stronę →

Dlaczego generator kodu do osadzania jest ważny

Osadzanie jednej strony wewnątrz drugiej to jeden z najstarszych mechanizmów sieciowych, ale ręczne tworzenie znacznika <iframe> — z odpowiednią szerokością, tytułem dla czytników ekranu, leniwym ładowaniem i bezpieczną piaskownicą — jest kłopotliwe i łatwo w nim popełnić błąd. Generator robi to poprawnie za każdym razem i pokazuje rezultat przed publikacją.

Jak osadzić stronę

  1. Wklej adres URL, który chcesz osadzić (stronę Knocket, film, mapę lub dokument).
  2. Ustaw rozmiar — stała szerokość i wysokość lub responsywny (100% szerokości).
  3. Dodaj tytuł na potrzeby dostępności i przełącz opcje (pełny ekran, leniwe ładowanie, obramowanie, piaskownica).
  4. Skopiuj kod HTML i wklej go do kodu HTML swojej witryny lub bloku osadzania w systemie CMS.
◈ GDZIE WKLEIĆ

W bloku niestandardowego HTML w WordPressie, elemencie Code Embed w Wix, bloku osadzania w Squarespace lub bezpośrednio w kodzie HTML witryny. W układzie React/Astro wstaw <iframe> za pomocą elementu surowego HTML. Znacznik jest samowystarczalny — nie trzeba ładować żadnych skryptów ani arkuszy stylów.

Co osadzają użytkownicy

Gdy iframe nie jest odpowiednim narzędziem

Element iframe doskonale nadaje się do wyświetlania innej strony wewnątrz Twojej. Nie jest właściwym narzędziem, gdy potrzebujesz:

Jeśli zależy Ci na obsłudze kontaktu działającej natywnie w Twojej witrynie (bez iframe, z własną domeną i stylistyką), wystarczy zamiast tego jeden znacznik skryptu widżetu Knocket.

Najczęstsze pytania

Czy ten generator kodu osadzania jest bezpłatny?

Tak — całkowicie za darmo, bez logowania i bez ograniczeń. Kod HTML jest tworzony w Twojej przeglądarce; nic nie jest przesyłane ani przechowywane. Generuj dowolną liczbę kodów do osadzania.

Dlaczego mój podgląd jest pusty?

Osadzana witryna wysyła nagłówek X-Frame-Options lub Content-Security-Policy, który uniemożliwia wyświetlanie jej w ramce. Google, Instagram, Facebook i większość stron wymagających logowania stosują takie zabezpieczenie. Wygenerowany kod jest poprawny — witryna po prostu nie zezwala nikomu na osadzanie jej w żadnym miejscu. Strony Knocket i większość odtwarzaczy wideo (YouTube, Vimeo) zezwalają na osadzanie.

Do czego służy opcja piaskownicy?

Atrybut sandbox ogranicza działania osadzonej strony, dzięki czemu niezaufana zawartość nie może otwierać okien, uruchamiać formularzy ani uzyskiwać dostępu do Twojej strony. Opcja Ograniczone (zalecana) pozwala osadzonej zawartości uruchamiać skrypty i formularze, ale blokuje niebezpieczne działania; opcja Ścisłe zezwala tylko na skrypty. Wyłącz to ograniczenie w przypadku zaufanej strony, która potrzebuje pełnych uprawnień.

Do czego służy pole tytułu?

Atrybut title elementu iframe informuje czytniki ekranu o jego zawartości — ma to kluczowe znaczenie dla dostępności. Bez niego osoby korzystające z technologii wspomagających słyszą jedynie „ramka”, bez żadnego kontekstu. Zawsze ustawiaj go tak, aby opisywał osadzoną zawartość (np. „Strona kontaktowa Knocket”).

Rozmiar responsywny czy stały?

Użyj opcji responsywnej (100% szerokości), gdy osadzony element powinien wypełniać swój kontener — to najlepszy wybór dla większości nowoczesnych witryn. Użyj stałej szerokości i wysokości, gdy potrzebujesz dokładnych wymiarów, na przykład dla odtwarzacza wideo lub kwadratowej mapy. Responsywne elementy osadzone zwykle wykorzystują na stronie kontener z ustawionymi proporcjami.

Czy leniwe ładowanie pomaga?

Tak. loading="lazy" informuje przeglądarkę, aby załadowała element iframe dopiero wtedy, gdy użytkownik przewinie stronę w jego pobliże, co przyspiesza początkowe ładowanie strony — jest to szczególnie przydatne, jeśli masz kilka osadzonych elementów na jednej stronie.

Czy przechowujecie wprowadzane przeze mnie adresy URL?

Nie. Wszystko działa w Twojej przeglądarce — adres URL, tytuł i opcje nigdy nie opuszczają Twojego urządzenia. Nie ma serwera, bazy danych ani konta.

Czy mogę osadzić moją stronę Knocket?

Tak — i to świetne zastosowanie. Strona kontaktowa Knocket jest przystosowana do osadzania: odwiedzający mogą korzystać z czatu na żywo, WhatsAppa, poczty e-mail i rezerwacji bezpośrednio w Twojej witrynie, bez konieczności tworzenia formularza ani zaplecza. Wklej adres URL knocket.trtc.io/your-handle i skopiuj kod.

Więcej darmowych narzędzi

Osadź stronę, która odpowiada.

Najlepiej osadzić narzędzie, które pozwala ludziom się z Tobą skontaktować. Strona Knocket zapewnia każdej witrynie czat na żywo, WhatsApp, e-mail i rezerwację terminów.

Stwórz swoją darmową stronę