크리에이터 및 스튜디오
Notion 포트폴리오를 세련된 웹사이트 섹션으로 전환하세요.
Notion에서 이미 최신 상태로 유지하는 페이지에서 케이스 스터디, 글 샘플, 선정 작업물, 프로젝트 메모를 표시하세요.
Notion iframe 생성기
몇 초 만에 깔끔하고 반응형인 Notion iframe 코드를 생성하세요. WordPress, Wix, Webflow, Framer, Shopify, Squarespace 또는 모든 HTML 페이지에 스니펫을 삽입하세요 — 플러그인이나 개발자 불필요.



























3단계로 Notion iframe 만들기
수동 iframe 코드 작성은 그만. EmbedNotion이 공개 Notion 링크를 어디에나 붙여넣을 수 있는 반응형 iframe 스니펫으로 변환합니다.
삽입할 Notion 페이지를 열고 공유를 클릭한 다음 웹에 게시를 선택하고 공개 링크를 복사합니다.
EmbedNotion 대시보드에 Notion URL을 입력하면 데스크톱, 태블릿, 모바일용 반응형 Notion iframe 스니펫이 즉시 생성됩니다.
Notion iframe을 복사하여 WordPress 블록, Wix iframe 위젯, Webflow Embed, Framer Embed, Shopify 페이지, Squarespace 코드 블록 또는 모든 HTML 사이트에 붙여넣습니다.
EmbedNotion은 표준 준수 iframe을 생성하므로 HTML 삽입을 지원하는 모든 플랫폼에서 Notion 페이지가 동일하게 표시됩니다.
모든 WordPress 페이지의 사용자 정의 HTML 블록에 Notion iframe을 붙여넣습니다.
Wix HTML iframe 위젯에 iframe을 배치하여 Notion 콘텐츠를 즉시 표시합니다.
Webflow Embed 요소를 사용하여 모든 섹션에 Notion iframe을 게시합니다.
Framer Embed 컴포넌트에 스니펫을 붙여넣어 Notion 페이지를 동기화 상태로 유지합니다.
모든 Shopify 페이지나 테마 섹션에 Notion FAQ, 브랜드 자료 또는 가이드를 삽입합니다.
Squarespace 코드 블록을 사용하여 개발자 없이 Notion iframe을 삽입합니다.
포트폴리오 페이지, 브랜드 자산, 과제, 디렉토리, FAQ는 팀이 이미 편집하는 Notion 워크스페이스와 연결된 상태를 유지합니다.
크리에이터 및 스튜디오
Notion에서 이미 최신 상태로 유지하는 페이지에서 케이스 스터디, 글 샘플, 선정 작업물, 프로젝트 메모를 표시하세요.
사람들은 EmbedNotion을 사용하여 작업을 다른 곳에서 재구성하지 않고도 포트폴리오, 리소스 허브, 내부 페이지를 게시합니다.
훌륭해요, 제 웹사이트에서 Notion 프로젝트를 공개적으로 공유하기 위해 필요했던 것이 바로 이것이었습니다.
임베드할 수 있는 것 보기
빌더
축하합니다! 이런 가볍고 유용한 솔루션 제품을 정말 좋아합니다.

크리에이터
약속은 적게, 결과는 훨씬 크게. 블로거, Notion 교육자, 내부 웹사이트 등에 이 제품을 적극 추천합니다.

Notion 페이지 임베드를 무료로 시작하세요. 더 많은 임베드, 워터마크 제거, 자동 업데이트, 우선 지원이 필요할 때 업그레이드하세요.
Notion 페이지 임베드를 무료로 시작하세요. 신용카드 불필요.
신용카드 불필요
워터마크를 제거하고 더 많은 라이브 Notion 임베드를 게시하세요.
연간 청구
성장하는 웹사이트에 추천
클라이언트 사이트, 팀, 콘텐츠 허브 전반에 걸쳐 Notion 임베드를 확장하세요.
연간 청구
웹사이트에 Notion 페이지를 임베드하는 것에 관한 빠른 답변입니다.
EmbedNotion.com을 사용하여 웹사이트에 Notion 페이지를 임베드하려면 다음 단계를 따르세요:
웹사이트 방문자는 임베드된 Notion 페이지 내의 콘텐츠를 편집할 수 없습니다.
해당 콘텐츠를 편집하는 유일한 방법은 Notion을 통해 직접 하는 것입니다.
네, EmbedNotion을 사용하여 Notion 블록을 포함하는 모든 페이지를 임베드할 수 있습니다.
홈페이지의 예시들을 확인하여 독자에게 보여줄 수 있는 것에 대한 영감을 얻으세요.
생성된 코드 스니펫의 값을 변경하여 높이 및 테두리 너비와 같은 기본적인 것들을 변경할 수 있습니다.
더 고급 옵션을 찾고 있다면 개발자 또는 HTML과 CSS에 경험이 있는 사람에게 iframe 코드 스니펫 수정을 요청하세요.