위젯스토어 - 노션 위젯·노션 꾸미기, 움직이는 아이콘, 시작페이지, 마이페이지

Notion, Obsidian 등 다른 앱에 임베드하기

위젯, 움직이는 아이콘, 움직이는 배경을 Notion에 넣는 방법과 Obsidian, FlowUs, Wolai, GitHub, 내 웹사이트에서 쓰는 방법을 정리했어요.

만든 것을 쓰는 방법은 두 가지예요. 위젯은 웹페이지라서 임베드하고, 움직이는 아이콘과 움직이는 배경은 이미지라서 이미지 링크를 써요.

위젯: 웹페이지로 임베드하기

편집기 오른쪽 위의 임베드 링크 복사를 누른 다음 앱별로 이렇게 하세요.

앱방법
Notion/embed를 입력하고 링크를 붙여 넣거나, 링크를 붙여 넣은 뒤 임베드를 고르세요. 모서리를 끌어 크기를 조절해요
FlowUs임베드 블록을 추가하고 링크를 붙여 넣으세요
Wolai/embed를 입력하고 웹페이지 임베드를 고르세요. Wolai에서는 임베드 링크 복사 옆의 화살표를 눌러 이전 버전 사용법을 고르세요
Obsidian노트에 iframe을 넣으세요: <iframe src="링크" width="100%" height="300"></iframe>. 읽기 보기에서 보여요
내 웹사이트, 블로그똑같이 iframe으로 임베드하세요

움직이는 아이콘: 페이지 아이콘으로 쓰기

  1. 편집기에서 임베드 링크 복사를 누르세요. 아이콘은 이미지 링크가 복사돼요.
  2. Notion에서 페이지 아이콘을 누르고 링크로 사용자 지정 이미지를 추가하는 메뉴에 붙여 넣으세요.
  3. 이제 아이콘이 저절로 바뀌어요(예: 날마다 새 날짜).

움직이는 배경: 페이지 커버로 쓰기

  1. 같은 방법으로 링크를 복사하세요.
  2. Notion에서 커버 변경 → 링크를 누르고 붙여 넣은 뒤 확인하세요.

GitHub README와 WordPress

움직이는 아이콘과 움직이는 배경은 GitHub README나 WordPress에서도 쓸 수 있어요. 임베드 링크 복사 옆의 화살표를 눌러 Markdown(GitHub README)이나 <img> 사용법을 고르세요.

문제가 생겼을 때

  • Notion에서 임베드가 비어 보여요: 북마크가 아니라 임베드를 골랐는지 확인하고 페이지를 새로고침하세요.
  • 회사나 학교 네트워크에서 안 열려요: 임베드 페이지를 막는 네트워크가 있어요. 다른 네트워크에서 시도해 보세요.
  • 바꾼 내용이 안 보여요: 편집 내용은 자동 저장돼요. Notion 페이지를 새로고침하세요. 움직이는 아이콘과 움직이는 배경은 몇 분 정도 캐시될 수 있어요.
  • 그래도 안 되면 위젯 링크와 스크린샷을 첨부해 메일로 알려 주세요(주소는 이 페이지 맨 아래에 있어요).

최종 업데이트: 2026년 11월 7일