도구
미리보기
미리보기
유틸리티를 선택해 시작하세요
oEmbed 링크
소셜 미디어와 WordPress에 최적.
https://...iFrame 코드
블로그 및 커스텀 사이트용.
...
oEmbed란?
WordPress, Twitter, Discord가 사용하는 '마법' 기술입니다. 링크만 붙여넣으면 자동으로 멋진 카드로 변환됩니다.
가장 간편 작성자 추천
iFrame이란?
다른 웹사이트를 보여주는 '창'입니다. 순수 HTML로 구현되어 세계 어느 사이트에서나 작동합니다 (Wix, Shopify, 정적 HTML 등).
범용 개발자용
어디서 위젯을 사용할 수 있나요?
WordPress
100% 호환. oEmbed 링크(옵션 A) 또는 iFrame(옵션 B)을 사용하세요.
Wix / Shopify
'사이트 삽입' 또는 'HTML' 블록을 찾아 ?widget=true가 붙은 링크를 사용하세요.
Squarespace
'Code Block'을 추가하고 iFrame 코드 전체를 붙여넣으세요.
커스텀 개발
어디서나 작동합니다. iFrame 코드를 복사해 붙여넣기만 하면 됩니다.
WordPress를 사용하시나요? 설치 가이드
A 기본 옵션 (플러그인 불필요)
oEmbed 링크를 복사해 WordPress 편집기에 직접 붙여넣으세요. 자동으로 카드로 변환됩니다.
위젯이 잘려 보이나요?
WordPress는 보안상의 이유로 자동 높이 조절을 차단합니다. 위젯이 불완전하게 보일 경우 옵션 B를 시도해보세요.
WordPress는 보안상의 이유로 자동 높이 조절을 차단합니다. 위젯이 불완전하게 보일 경우 옵션 B를 시도해보세요.
수동 해결 방법: 블록의 '고급' 탭에서 CSS 클래스나 커스텀 스타일을 추가해 높이를 조정할 수 있습니다.
B 프로 옵션 (권장)
높이가 자동으로 조절되고 잘림 현상이 없으려면:
- 저장소에서 무료 Iframely 플러그인을 설치하세요.
- 활성화하세요 (설정 불필요).
- 링크를 다시 붙여넣으세요. 이제 완벽하게 맞을 거예요! ✨
왜 우리 위젯을 사용해야 할까요?
복잡한 코드 한 줄 없이 사이트의 체류 시간과 유용성을 높이세요.
초고속 로딩
iFrame으로 분리되어 메인 사이트의 성능에 전혀 영향을 주지 않습니다.
반응형 디자인
위젯이 사용 가능한 공간을 감지해 모바일, 태블릿, 데스크톱에 자동으로 맞춰집니다.
SEO 향상
인터랙티브 도구는 사용자 참여도를 높이며, 이는 Google 검색 순위에 중요한 요소입니다.
자주 쓰는 플랫폼에서 바로 사용 가능
WordPress
Notion
Your site
Squarespace