홈/ 무료 도구/ 임베드 코드 생성기

무료 임베드 코드 생성기

URL을 붙여넣고, 가로세이 크기를 선택하고, 몇 가지 옵션을 토글한 다음, 깔끔한 <iframe> 임베드 HTML을 복사하세요 — Knocket 페이지, 동영상, 지도 또는 브라우저에서 표시할 수 있는 모든 것에 사용할 수 있습니다. 라이브 미리보기를 확인한 후 코드를 사이트에 붙여넣으세요. 로그인이 필요 없고, 아무것도 저장되지 않습니다.

실시간 미리보기
미리보기를 보려면 URL을 입력하세요…

미리보기가 비어 있나요? 해당 사이트는 임베딩을 차단하고 있습니다 — 코드는 여전히 정상입니다.

HTML 임베드 — 이것을 복사하세요
 
Embed your Knocket contact page — visitors chat with you without leaving your site. Get your page →
◈ 나만의 연락처 페이지를 삽입하세요

가장 유용하게 삽입할 수 있는 것은 사람들이 당신에게 연락할 수 있도록 해주는 페이지입니다. 무료 노켓(Knocket) 연락처 페이지는 삽입을 위해 만들어졌습니다 — 사이트에 추가하기만 하면 방문자는 양식이나 백엔드를 작성하지 않아도 실시간 채팅, WhatsApp, 이메일, 예약 기능을 이용할 수 있습니다. 무료 페이지 만들기 →

임베드 코드 생성기가 중요한 이유

한 페이지를 다른 페이지 안에 삽입하는 것은 가장 오래된 웹 기본 기능 중 하나이지만, 올바른 너비, 화면 판독기용 제목, 지연 로딩, 안전한 샌드박스와 함께 <iframe> 태그를 직접 작성하는 것은 번거롭고 실수하기 쉽습니다. 생성기는 항상 올바르게 작동하며, 배포 전 결과를 보여줍니다.

페이지에 임베드하는 방법

  1. 삽입하려는 URL을 붙여넣으세요 (Knocket 페이지, 동영상, 지도, 문서 등).
  2. 크기 설정 — 고정 가로세기 또는 반응형(100% 가로).
  3. 접근성과 토글 옵션(전체 화면, 지연 로드, 테두리, 샌드박스)을 위한 제목을 추가하세요.
  4. HTML을 복사하여 사이트의 HTML 또는 CMS 임베드 블록에 붙여넣으세요.
◈ 붙여넣을 위치

WordPress의 사용자 정의 HTML 블록, Wix의 코드 임베드, Squarespace의 임베드 블록 또는 사이트 HTML에 직접 삽입하세요. React/Astro 레이아웃에서는 원시 HTML 요소를 통해 <iframe>을 넣으세요. 태그는 독립적입니다 — 스크립트나 스타일시트를 로드할 필요가 없습니다.

사람들이 삽입하는 것

iframe이 적합하지 않은 경우

iframe은 귀하의 페이지 내에 다른 페이지를 표시하기에 완벽하지만, 다음과 같은 경우에는 적합하지 않습니다:

사이트에 네이티브하게 존재하는(iframe 없이, 귀하의 도메인, 귀하의 스타일) 연락처 경험을 위해, Knocket 위젯은 단일 스크립트 태그로 대체됩니다.

자주 묻는 질문

이 임베드 코드 생성기는 무료인가요?

네 — 완전히 무료이며, 로그인도 없고 제한도 없습니다. HTML은 브라우저에서 생성되며, 업로드되거나 저장되는 것은 없습니다. 원하는 만큼 임베드 코드를 생성할 수 있습니다.

왜 내 미리보기가 비어 있나요?

삽입하려는 사이트가 프레임을 거부하는 X-Frame-Options 또는 Content-Security-Policy 헤더를 보내고 있습니다. Google, Instagram, Facebook, 그리고 대부분의 로그인된 페이지들이 이런 식으로 작동합니다. 생성된 코드 자체는 여전히 정상입니다 — 해당 사이트는 단순히 누구에 의해서도 어디에서도 프레임되는 것을 허용하지 않는 것입니다. Knocket 페이지와 대부분의 비디오 플레이어(YouTube, Vimeo)는 프레임 삽입을 허용합니다.

샌드박스 옵션은 어떤 기능을 하나요?

sandbox 속성은 임베디드 페이지가 할 수 있는 작업을 제한하므로, 신뢰할 수 없는 임베디드는 팝업 창을 열거나, 폼을 실행하거나, 귀하의 페이지에 접근할 수 없습니다. 제한됨(권장)은 임베디드가 스크립트와 폼을 실행할 수 있도록 하지만 위험한 작업은 차단합니다. 엄격함은 스크립트만 허용합니다. 완전한 기능이 필요한 신뢰할 수 있는 페이지의 경우 이 기능을 끄세요.

제목 필드는 무엇을 위한 것인가요?

iframe의 title 속성은 화면 판독기에 내부 내용을 알려줍니다 — 접근성에 필수적입니다. 이를 설정하지 않으면 보조 기술을 사용하는 방문자는 문맥 없이 "프레임"만 듣게 됩니다. 항상 포함된 콘텐츠를 설명하도록 설정하세요(예: "Knocket 연락처 페이지").

반응형 또는 고정 크기?

임베드가 컨테이너를 채워야 할 때는 반응형(100% 가로 폭)을 사용하세요 — 대부분의 현대적인 사이트에 해당합니다. 정확한 크기(예: 동영상 플레이어나 정사각형 지도)가 필요할 때는 고정된 가로세로 크기를 사용하세요. 반응형 임베드는 일반적으로 페이지의 가로세로 비율 래퍼와 함께 사용됩니다.

지연 로딩이 도움이 될까?

네. loading="lazy"는 브라우저에 사용자가 iframe 근처로 스크롤할 때만 로드하도록 지시하여 초기 페이지 로딩 속도를 빠르게 합니다 — 특히 한 페이지에 여러 임베드가 있는 경우 유용합니다.

제가 입력한 URL을 저장하나요?

아니요. 모든 작업은 브라우저에서 실행되며, URL, 제목 및 옵션은 기기를 벗어나지 않습니다. 서버도, 데이터베이스도, 계정도 없습니다.

내 Knocket 페이지를 삽입할 수 있나요?

예 — 그리고 아주 좋은 용도입니다. Knocket 연락처 페이지는 임베드할 수 있도록 구축되었습니다: 방문자는 별도의 양식이나 백엔드 작성 없이 귀하의 사이트에서 실시간 채팅, WhatsApp, 이메일 및 예약 기능을 이용할 수 있습니다. knocket.trtc.io/your-handle URL을 붙여넣고 코드를 복사하세요.

더 많은 무료 도구

응답하는 페이지를 삽입하세요.

임베드하기 가장 좋은 것은 사람들이 당신에게 연락할 수 있게 해주는 것입니다. Knocket 페이지는 라이브 채팅, WhatsApp, 이메일, 예약 기능을 어떤 사이트에도 제공합니다.

무료 페이지 만들기