HonestQR 배지 삽입하기
HonestQR로 QR 코드를 만드셨나요? 표시해 주시면 환영입니다(의무는 아닙니다). 이 배지와 스니펫은 어떤 사이트, 블로그, 메뉴 페이지, GitHub README에서도 무료로 사용할 수 있습니다.
전체 생성기 삽입하기(위젯)
iframe 하나로 무료 QR 생성기 전체를 내 사이트에 넣을 수 있습니다. 코드는 방문자의 브라우저에서 생성되며 만료되지 않습니다 — 계정도 API 키도 필요 없습니다.
실시간 미리보기
방문자가 보게 될 위젯이 바로 이것입니다 — 스니펫을 복사하기 전에 여기서 직접 사용해 보세요.
방법 A — script(권장, 높이 자동 조절)
<div data-hqr-widget></div>
<script async src="https://qr.zalize.com/embed.js"></script>스크립트가 iframe을 삽입하고 콘텐츠에 맞게 높이를 자동 조절합니다 — 어떤 화면 너비에서도 내부 스크롤바가 생기지 않습니다.
스니펫을 먼저 실제 서드파티 페이지에서 테스트해 보고 싶으신가요? JSFiddle 라이브 샌드박스 열기 — fork해서 내 사이트를 건드리지 않고 실험할 수 있습니다.
방법 B — 일반 iframe
<iframe
src="https://qr.zalize.com/widget/"
title="Free QR code generator by HonestQR"
width="100%"
height="900"
style="border: 0; border-radius: 12px;"
loading="lazy"
></iframe>일반 iframe은 레이아웃에 맞게 height를 직접 설정하세요 — 생성기는 데스크톱에서 약 900px, 좁은 화면에서는 최대 약 1100px이 필요하며, 부족하면 내부 스크롤바가 나타날 수 있습니다. 위젯은 개인·상업 용도 모두 무료입니다.
옵션(script 플레이스홀더 속성)
| 속성 | 효과 |
|---|---|
data-height="900" | iframe 높이를 px로 고정(자동 조절 비활성화). |
data-theme="ocean" | 스타일 테마 미리 선택. |
data-mode="dark" | 위젯 배경 모드: "dark", "light" 또는 "auto"(기본값: 방문자 색상 모드 따름). |
data-tpl="wifi" | 콘텐츠 템플릿 미리 선택. |
data-icon="cat" | 픽셀 아트 아이콘 미리 선택. |
data-lang="ko" | 위젯 언어(기본값: 페이지의 <html lang>에서 자동 감지). |
서버 측에서 코드를 생성하고 싶으신가요? 무료 HTTP API도 있습니다.
크기·언어·개인정보 세부 사항을 담은 전체 가이드(영어): 사이트 운영자용 위젯 가이드.
라이트 배지
<a href="https://qr.zalize.com/?utm_source=badge" title="Free QR codes that never expire">
<img src="https://qr.zalize.com/badge.svg" alt="QR by HonestQR — never expires" width="200" height="36" loading="lazy" />
</a>다크 배지
<a href="https://qr.zalize.com/?utm_source=badge" title="Free QR codes that never expire">
<img src="https://qr.zalize.com/badge-dark.svg" alt="QR by HonestQR — never expires" width="200" height="36" loading="lazy" />
</a>Markdown(GitHub README)
[](https://qr.zalize.com/?utm_source=badge)일반 텍스트 링크
Free QR codes by <a href="https://qr.zalize.com/">HonestQR</a> — static codes never expire.사용 조건
- 개인·상업 용도 모두 무료 — 배지 자체 외에 별도의 출처 표기 의무가 없습니다.
- 후원, 제휴, 인증을 암시하도록 배지를 수정하지 마세요.
badge.svg핫링크도, 복사본 자체 호스팅도 모두 허용됩니다.