노션을 쓰다 보면 유튜브, 피그마, 구글 드라이브를 따로 열어서 왔다 갔다 하는 게 번거롭게 느껴질 때가 있다. 하지만 임베드 기능을 쓰면 외부 서비스 콘텐츠를 노션 페이지 안에 직접 불러와서 보고, 재생하고, 일부는 편집까지 할 수 있어 매우 편리하다. 처음 써보면 생각보다 지원 범위가 넓어서 놀랍기도 하고 그 편리함에 감탄까지 하게 된다.
임베드란 무엇인가
노션은 Iframely 서비스를 통해 1,900개 이상의 도메인에서 외부 콘텐츠를 임베드할 수 있다. 동영상, 스크린캐스트, 슬라이드 덱, 이미지, 오디오, 코드 저장소 등을 노션 페이지 안에 불러와서 모든 맥락을 한 곳에 유지할 수 있다.
임베드는 단순히 링크를 붙여넣는 것과 다르다. 링크는 클릭해서 외부 페이지로 이동해야 하지만 임베드는 노션 페이지 안에서 콘텐츠를 직접 보거나 조작할 수 있는 형태로 표시된다. 처음에는 “그냥 링크 걸면 되는 거 아닌가?”라고 생각하기 쉬운데, 막상 임베드를 써보면 탭을 오가는 횟수 자체가 줄어드는 게 체감된다. 특히 하나의 프로젝트 페이지 안에 관련 디자인 파일, 회의 녹화, 일정까지 한꺼번에 모아두면 맥락 전환 비용이 확실히 줄어든다.
임베드 추가하는 두 가지 방법
슬래시 명령어로 추가하기
페이지에서 /embed를 입력하면 임베드 블록이 생성된다. URL 입력 필드가 나타나면 임베드하려는 외부 콘텐츠 링크를 붙여넣고 임베드 링크 버튼을 클릭하면 된다.
자주 쓰는 플랫폼은 이름으로 바로 검색할 수 있다. /youtube, /loom, /figma, /miro처럼 입력하면 해당 플랫폼 전용 임베드 블록이 바로 나온다. 매번 /embed를 치는 것보다 이 방법이 더 빠르다.
URL 붙여넣기로 추가하기
대부분의 경우 노션은 URL을 붙여넣으면 임베드 가능한 링크인지 자동으로 인식한다. 붙여넣기를 하면 임베드, 북마크, 링크 멘션 중 어떤 방식으로 표시할지 선택하는 메뉴가 나타난다.
처음 이 메뉴를 보면 세 가지 옵션 차이가 헷갈리는 경우가 많다. 간단히 구분하면 임베드는 콘텐츠를 직접 표시, 북마크는 링크를 카드 형태로 보기 좋게 표시, 링크 멘션은 텍스트처럼 인라인으로 삽입하는 방식이다. 참고 자료 목록을 만들 때는 북마크가 더 깔끔하고, 콘텐츠를 직접 열람하거나 조작해야 할 때는 임베드가 맞다.
자주 쓰이는 임베드 유형과 실제 활용법
어떤 플랫폼을 임베드할 수 있는지는 알겠는데, 실제로 어떤 상황에서 쓰면 효과적인지가 더 중요하다. 플랫폼별로 현실적인 활용 방법을 정리해봤다.
동영상 임베드
유튜브, 비메오, 룸(Loom)이 가장 많이 임베드되는 동영상 플랫폼이다. 이 중 실무에서 가장 효과적인 건 룸이다. 회의록 페이지에 룸 녹화 영상을 임베드해두면 텍스트로 정리된 내용과 실제 녹화 영상을 같은 화면에서 볼 수 있다. 나중에 회의 내용을 다시 확인할 때 텍스트만 있는 것보다 훨씬 정확하게 맥락을 파악할 수 있다.
유튜브 영상 임베드도 자주 쓰인다. URL을 그대로 붙여넣으면 임베드 옵션이 나타나고, 영상을 노션 밖에서 열 필요 없이 페이지 안에서 바로 재생된다. 온보딩 문서나 교육 자료 페이지에 관련 영상을 임베드해두면 새 팀원이 별도로 링크를 찾아다닐 필요가 없어진다.
디자인 도구 임베드
피그마 파일을 임베드하면 노션 안에서 디자인 파일을 직접 확인할 수 있다. 기획 문서에 실제 디자인 시안이 함께 있으면 기획자와 디자이너가 같은 페이지에서 피드백을 주고받을 수 있다는 게 진짜 장점이다.
다만 피그마 임베드에서 처음에 막히는 경우가 꽤 있다. 피그마 링크가 “편집 가능” 또는 “볼 수 있음” 공유 설정이 되어 있어야 임베드가 제대로 표시된다. 링크를 복사했는데 임베드가 안 된다면 피그마에서 공유 설정을 먼저 확인해야 한다. 이 부분을 모르고 링크만 붙여넣다가 안 된다고 포기하는 경우가 많다.
구글 워크스페이스 임베드
구글 독스, 스프레드시트, 슬라이드를 노션 안에 임베드할 수 있다. 구글 스프레드시트처럼 일부 임베드는 실시간으로 업데이트된다. 원본 파일에서 변경이 생기면 노션에 임베드된 내용도 자동으로 반영된다.
구글 캘린더 임베드도 자주 활용되는데, 여기서 놓치기 쉬운 게 있다. 캘린더를 임베드하려면 구글 캘린더 설정에서 해당 캘린더를 공개로 설정해야 한다. 공개 설정 없이 링크만 붙여넣으면 빈 화면만 뜬다. 설정 경로는 구글 캘린더 설정 > 특정 캘린더 > 공개 설정으로 들어가면 된다.
임베드 크기 조정과 배치
임베드 블록 위에 마우스를 올리면 양쪽에 검정 바가 나타난다. 이 바를 드래그하면 임베드 크기를 자유롭게 조정할 수 있다. 임베드를 이동하려면 블록 왼쪽에 나타나는 핸들 아이콘을 클릭해서 드래그하면 되고, 다단 레이아웃 안에 배치하는 것도 가능하다.
크기 조정 기능을 모르고 기본 크기로만 쓰는 경우가 많다. 좌측에 텍스트, 우측에 피그마 임베드를 나란히 배치하거나, 상단에 룸 영상을 크게 키우고 아래에 회의 내용을 정리하는 방식처럼 레이아웃 구성이 훨씬 자유로워진다.
플랫폼별 임베드 특징 비교
| 플랫폼 | 실시간 업데이트 | 편집 가능 | 주의사항 |
| 구글 스프레드시트 | 가능 | 가능 | 공유 설정 필요 |
| 피그마 | 가능 | 불가 | 공유 링크 설정 필수 |
| 유튜브 | 해당 없음 | 불가 | 비공개 영상 임베드 불가 |
| 룸(Loom) | 해당 없음 | 불가 | 로그인 필요 시 앱에서 안 보임 |
| 구글 캘린더 | 가능 | 불가 | 캘린더 공개 설정 필수 |
| 미로(Miro) | 가능 | 가능 | 공개 보드 링크 필요 |
임베드가 안 될 때 원인별 해결법
임베드를 쓰다 보면 예상치 못하게 안 되는 경우가 생각보다 자주 있다. 원인 대부분은 세 가지로 나뉜다.
첫 번째는 해당 사이트가 외부 임베드를 차단한 경우다. 일부 웹사이트는 콘텐츠가 다른 곳에 임베드되는 것을 허용하지 않는다. 임베드 실패 오류가 뜬다면 해당 사이트가 외부 임베드를 차단했기 때문이다. 이 경우엔 임베드 대신 북마크로 추가하는 게 현실적인 대안이다.
두 번째는 로그인이 필요한 콘텐츠를 임베드하려는 경우다. 로그인이 필요한 외부 사이트의 임베드는 노션 데스크톱 앱과 모바일 앱에서 작동하지 않는다. 웹 브라우저에서는 이미 로그인이 되어 있어서 보이더라도 앱에서는 안 보이는 경우가 생긴다. 이걸 모르면 “내 컴퓨터에서는 되는데 팀원 화면에서는 안 된다”는 상황이 생길 수 있다.
세 번째는 원본 파일의 공유 설정 문제다. 피그마, 구글 독스, 구글 캘린더처럼 공유 설정이 필요한 플랫폼에서 링크 접근이 제한되어 있으면 임베드가 안 된다. 임베드가 안 될 때 가장 먼저 확인해야 할 게 이 부분이다.
노션 페이지를 외부에 임베드하는 방법
임베드는 외부 콘텐츠를 노션으로 가져오는 것뿐 아니라 반대 방향도 가능하다. 이 기능은 잘 알려지지 않은 편이다.
2025년 2월부터 노션이 iFrame 임베드 기능을 추가했다. 공개 설정된 노션 페이지를 외부 웹사이트에 임베드할 수 있게 됐다. 노션 페이지에서 공유 > 게시를 선택하고 이 페이지 임베드 옵션으로 iFrame 코드를 가져올 수 있다.
포트폴리오를 노션으로 만들어두고 개인 웹사이트에 임베드하거나, 피드백 폼을 노션으로 만들어 외부 페이지에 삽입하는 방식으로 활용할 수 있다. 별도 웹사이트 빌더 없이 노션만으로 콘텐츠를 관리하면서 외부에도 공유할 수 있다는 게 이 기능의 실질적인 가치다.
궁금한 점들
임베드한 콘텐츠가 원본에서 변경되면 노션에도 자동으로 반영되나요?
플랫폼에 따라 다릅니다. 구글 스프레드시트, 피그마처럼 실시간 반영을 지원하는 플랫폼은 원본이 바뀌면 노션에서도 자동으로 업데이트됩니다. 일부 플랫폼은 페이지를 새로고침해야 변경 내용이 보이는 경우도 있습니다.
무료 플랜에서도 임베드를 쓸 수 있나요?
네, 임베드 기능 자체는 무료 플랜에서도 사용할 수 있습니다. 외부 URL로 임베드하는 방식은 용량 제한에 해당하지 않아서 자유롭게 쓸 수 있습니다. 다만 파일을 직접 업로드해서 임베드하는 경우에는 무료 플랜의 5MB 제한이 적용됩니다.
임베드 블록이 로딩되지 않을 때 어떻게 해야 하나요?
원본 링크가 유효한지, 공개 공유 설정이 되어 있는지 먼저 확인하세요. 그다음 페이지를 새로고침해보고, 그래도 안 된다면 임베드를 삭제하고 다시 추가해보는 방법을 써보세요. 일부 사이트는 외부 임베드를 원천 차단하기 때문에 아무리 시도해도 안 되는 경우가 있습니다. 그럴 때는 북마크 방식으로 대신 추가하는 게 현실적입니다.
노션 페이지를 외부 웹사이트에 임베드하면 내용이 실시간으로 반영되나요?
네, 노션 페이지가 수정되면 외부 웹사이트에 임베드된 내용도 자동으로 업데이트됩니다. 별도로 코드를 바꾸거나 재배포할 필요 없이 노션에서 수정하면 바로 반영된다는 게 이 기능의 핵심 장점입니다.
마치며
임베드 기능은 노션을 단순한 문서 도구에서 진짜 올인원 워크스페이스로 만들어주는 기능이다. 회의록에 녹화 영상을 넣고, 기획서에 디자인 시안을 붙이고, 프로젝트 페이지에 구글 캘린더를 연결하면 탭을 오가는 번거로움이 줄어들기 시작한다. 처음 임베드를 쓸 때 공유 설정 문제로 막히는 경우가 많으니 그 부분만 미리 확인해두면 바로 활용할 수 있다.