위젯 템플릿 갤러리

같은 후기 데이터를 4가지 레이아웃으로. 임베드에 data-hcw-type 한 속성만 바꾸면 됩니다. 승인된 후기가 실시간 반영돼요.

그리드 (후기의 벽)type="grid"

반응형 카드 격자. 후기가 많을 때 벽처럼 채우기 좋아요.

<div data-hcw="demo" data-hcw-type="grid"></div>
<script src="https://hugilink.kr/widget.js" async></script>

슬라이더 (캐러셀)type="slider"

자동 넘김 + 좌우 버튼. 랜딩 히어로 아래 좁은 공간에 적합.

<div data-hcw="demo" data-hcw-type="slider"></div>
<script src="https://hugilink.kr/widget.js" async></script>

리스트type="list"

아바타 + 세로 목록. 블로그/노션 본문에 자연스럽게 녹아듭니다.

<div data-hcw="demo" data-hcw-type="list"></div>
<script src="https://hugilink.kr/widget.js" async></script>

메이슨리type="masonry"

길이가 제각각인 후기를 벽돌처럼. 핀터레스트 스타일.

<div data-hcw="demo" data-hcw-type="masonry"></div>
<script src="https://hugilink.kr/widget.js" async></script>

커스터마이즈 — 테마 & 강조색

data-hcw-theme="dark", data-hcw-accent="#22c55e" 처럼 속성으로, 또는 대시보드에서 클릭으로 설정.

다크 테마 + 그린 강조 theme="dark" accent="#22c55e"

<div data-hcw="demo" data-hcw-theme="dark" data-hcw-accent="#22c55e"></div>

라이트 + 핑크 강조 · 슬라이더 accent="#ec4899"