URL을 붙여넣고, 가로세이 크기를 선택하고, 몇 가지 옵션을 토글한 다음, 깔끔한 <iframe> 임베드 HTML을 복사하세요 — Knocket 페이지, 동영상, 지도 또는 브라우저에서 표시할 수 있는 모든 것에 사용할 수 있습니다. 라이브 미리보기를 확인한 후 코드를 사이트에 붙여넣으세요. 로그인이 필요 없고, 아무것도 저장되지 않습니다.
미리보기가 비어 있나요? 해당 사이트는 임베딩을 차단하고 있습니다 — 코드는 여전히 정상입니다.
가장 유용하게 삽입할 수 있는 것은 사람들이 당신에게 연락할 수 있도록 해주는 페이지입니다. 무료 노켓(Knocket) 연락처 페이지는 삽입을 위해 만들어졌습니다 — 사이트에 추가하기만 하면 방문자는 양식이나 백엔드를 작성하지 않아도 실시간 채팅, WhatsApp, 이메일, 예약 기능을 이용할 수 있습니다. 무료 페이지 만들기 →
한 페이지를 다른 페이지 안에 삽입하는 것은 가장 오래된 웹 기본 기능 중 하나이지만, 올바른 너비, 화면 판독기용 제목, 지연 로딩, 안전한 샌드박스와 함께 <iframe> 태그를 직접 작성하는 것은 번거롭고 실수하기 쉽습니다. 생성기는 항상 올바르게 작동하며, 배포 전 결과를 보여줍니다.
WordPress의 사용자 정의 HTML 블록, Wix의 코드 임베드, Squarespace의 임베드 블록 또는 사이트 HTML에 직접 삽입하세요. React/Astro 레이아웃에서는 원시 HTML 요소를 통해 <iframe>을 넣으세요. 태그는 독립적입니다 — 스크립트나 스타일시트를 로드할 필요가 없습니다.
iframe은 귀하의 페이지 내에 다른 페이지를 표시하기에 완벽하지만, 다음과 같은 경우에는 적합하지 않습니다:
X-Frame-Options: DENY 헤더를 보내는 사이트(예: Google, Instagram, 대부분의 로그인 페이지)는 프레임에 넣는 것을 거부합니다.사이트에 네이티브하게 존재하는(iframe 없이, 귀하의 도메인, 귀하의 스타일) 연락처 경험을 위해, Knocket 위젯은 단일 스크립트 태그로 대체됩니다.
네 — 완전히 무료이며, 로그인도 없고 제한도 없습니다. HTML은 브라우저에서 생성되며, 업로드되거나 저장되는 것은 없습니다. 원하는 만큼 임베드 코드를 생성할 수 있습니다.
삽입하려는 사이트가 프레임을 거부하는 X-Frame-Options 또는 Content-Security-Policy 헤더를 보내고 있습니다. Google, Instagram, Facebook, 그리고 대부분의 로그인된 페이지들이 이런 식으로 작동합니다. 생성된 코드 자체는 여전히 정상입니다 — 해당 사이트는 단순히 누구에 의해서도 어디에서도 프레임되는 것을 허용하지 않는 것입니다. Knocket 페이지와 대부분의 비디오 플레이어(YouTube, Vimeo)는 프레임 삽입을 허용합니다.
sandbox 속성은 임베디드 페이지가 할 수 있는 작업을 제한하므로, 신뢰할 수 없는 임베디드는 팝업 창을 열거나, 폼을 실행하거나, 귀하의 페이지에 접근할 수 없습니다. 제한됨(권장)은 임베디드가 스크립트와 폼을 실행할 수 있도록 하지만 위험한 작업은 차단합니다. 엄격함은 스크립트만 허용합니다. 완전한 기능이 필요한 신뢰할 수 있는 페이지의 경우 이 기능을 끄세요.
iframe의 title 속성은 화면 판독기에 내부 내용을 알려줍니다 — 접근성에 필수적입니다. 이를 설정하지 않으면 보조 기술을 사용하는 방문자는 문맥 없이 "프레임"만 듣게 됩니다. 항상 포함된 콘텐츠를 설명하도록 설정하세요(예: "Knocket 연락처 페이지").
임베드가 컨테이너를 채워야 할 때는 반응형(100% 가로 폭)을 사용하세요 — 대부분의 현대적인 사이트에 해당합니다. 정확한 크기(예: 동영상 플레이어나 정사각형 지도)가 필요할 때는 고정된 가로세로 크기를 사용하세요. 반응형 임베드는 일반적으로 페이지의 가로세로 비율 래퍼와 함께 사용됩니다.
네. loading="lazy"는 브라우저에 사용자가 iframe 근처로 스크롤할 때만 로드하도록 지시하여 초기 페이지 로딩 속도를 빠르게 합니다 — 특히 한 페이지에 여러 임베드가 있는 경우 유용합니다.
아니요. 모든 작업은 브라우저에서 실행되며, URL, 제목 및 옵션은 기기를 벗어나지 않습니다. 서버도, 데이터베이스도, 계정도 없습니다.
예 — 그리고 아주 좋은 용도입니다. Knocket 연락처 페이지는 임베드할 수 있도록 구축되었습니다: 방문자는 별도의 양식이나 백엔드 작성 없이 귀하의 사이트에서 실시간 채팅, WhatsApp, 이메일 및 예약 기능을 이용할 수 있습니다. knocket.trtc.io/your-handle URL을 붙여넣고 코드를 복사하세요.
임베드하기 가장 좋은 것은 사람들이 당신에게 연락할 수 있게 해주는 것입니다. Knocket 페이지는 라이브 채팅, WhatsApp, 이메일, 예약 기능을 어떤 사이트에도 제공합니다.
무료 페이지 만들기