후원목표
치즈, 시청자수 같은 방송 지표를 목표로 걸고 진행률을 방송 화면에 보여줘요.
OBS 등록 가이드
URL을 복사한 다음 무엇을 해야 할지 안내해요 — OBS를 처음 쓰는 크리에이터가 여기서 막히지 않도록, 이 가이드는 모든 위젯 화면에서 URL 발급 필드 옆에 똑같이 재사용돼요.
STEP 1
URL 복사
https://…/w/ab12cd34
이 주소는 비밀 주소예요. 방송 화면에 그대로 노출하지 마세요 — 남이 알면 내 오버레이를 열어볼 수 있어요.
STEP 2
OBS에 브라우저 소스 추가
OBS 소스 추가 화면
스크린샷 자리
스크린샷 자리
소스 + → 브라우저 → URL 붙여넣기.
너비·높이는 아래 권장값을 넣으세요.
너비·높이는 아래 권장값을 넣으세요.
STEP 3
크기 확인
권장 600 × 220
후원목표 기준 · 그래프 형태에 따라 달라질 수 있어요
후원목표 기준 · 그래프 형태에 따라 달라질 수 있어요
화면에 안 나오면 소스 우클릭 → 새로고침. 그래도 안 나오면 리모컨에서 이 위젯이 꺼져 있는지 확인하세요.
이 가이드는 전 위젯 공통이에요. 다른 위젯 화면(채팅창·자막·룰렛·빙고판 등)에서도 URL 발급 필드 옆에 같은 컴포넌트를 재사용하며, 권장 크기 값만 위젯별로 달라요.
테마 갤러리
그래프 형태
▬ 바
● 원
♥ 하트
★ 별
◗ 반원
◖ 반원(역)
그래프 굵기
전체
미니멀
이펙트
★ 즐겨찾기
★
기본
★
스타모션
전체 테마 | 인기순
1 / 2
☆
하트웨이브
☆
네온 라인
☆
골드 프레임
☆
클래식 블루
☆
소프트 그린
☆
핑크 글로우
☆
미니멀 화이트
☆
오로라 버스트
☆
레트로 픽셀
☆
딥 오션
☆
체리 팝
☆
그레이스케일
☆
라임 스파크
검색·필터 조건에 맞는 테마가 없어요.
상세 설정
목표 지표 선택 연동 플랫폼별 반복
지표 선택 — 치지직
치즈
시청자수
지표 선택 — 후원 캐시
캐시(공통 지표)
시작값 / 최대값
~
산정 기간
~
미지정 시 무기한(수동 초기화 전까지)
텍스트 & 위치 제목/내용 템플릿, 위/가운데/아래/두줄
텍스트 위치
위
가운데
아래
두줄
목표 제목/내용 텍스트
0/40
달성 비율(%) 표시
텍스트 외곽선 표시
배경 & 애니메이션 그라디언트, 진행 애니메이션
그래프 배경색
그라디언트
단색
→
바 색상
배경
배경 애니메이션 (진행 채움에 은은한 움직임)
동작 옵션 시작·종료일시, 자동증가, 반복효과, 완료효과, 자동초기화
시작일시 / 종료일시
~
미지정 시 무기한(수동 초기화 전까지)
동작 옵션
자동증가
반복효과
완료효과
자동초기화
사용안함 외 선택 시 주기마다(00:00 KST 기준) 값이 0으로 자동 리셋돼요
지금 초기화하면 현재 진행률이 즉시 0으로 리셋돼요.
되돌릴 수 없어요.
되돌릴 수 없어요.
OBS 소스 미리보기
위젯 라이브러리 마켓플레이스 버전 — 스튜디오 버전과 구조 차이(w-rank2)
위젯 라이브러리(마켓플레이스)에서 바로 설치할 때 노출되는 간소화 버전이에요. 플랫폼 지표 연동 없이 캐시 금액을 직접 입력하는 구조라 위 스튜디오 버전과 필드가 달라요. 통합 플랫폼에서 하나로 합칠지, 두 진입 경로를 유지할지는 아직 미정이에요.
목표 제목
시작 금액 / 목표 금액
~
캐시
바 색상 / 배경 색상 / 세로 크기
/
px
스타일 목업 | 베어니 톤 | 기준: docs/wireframes/goal-widget.html v7 | 채팅창과 동일한 테마 갤러리|상세 설정 골격 재사용, 그래프 형태 선택만 위젯 고유
상태 데모