🖌️ 카피페 위젯 생성기

🧩 카피페 위젯 생성기

값을 입력하면 오른쪽에 미리보기와 HTML 코드가 실시간 갱신됩니다.

🏷️ 채팅방 이름

🎨 디자인 미세조정

전체 글씨 크기 (px)

카드 모서리 둥글기 (px)

헤더 배경

대화 배경

왼쪽 말풍선

오른쪽 말풍선

왼쪽 글자색

오른쪽 글자색

이름 색상

버튼 배경

버튼 글자색

버튼 호버 배경

채팅방 이름 글자색

카피페 제목 글자색

구분선 색상

🖼️ 배경 이미지 (URL)

초기 빈 화면 배경

대화 표시 중 배경

✨ 빈 화면 메시지 숨기기 (배경만 보임)

👤 프로필 이미지

프로필 이미지 사용 (캐릭터별)

📚 카피페 데이터

※ 두 번째 화자가 오른쪽 말풍선.
프로필 이미지 사용 시 각 캐릭터 URL 입력.
✨ 대사에 이미지 URL을 넣으면 자동으로 이미지로 표시됩니다.
📏 구분선은 '구분선 추가' 버튼으로 삽입 가능, 텍스트 선택사항.
📸 이미지 저장 시 긴 대화도 전체 캡처됩니다.

🖥️ 실시간 미리보기 (3:4)

버튼/랜덤 동작 확인

📋 생성된 HTML 코드 (티스토리용)

💡 코드를 복사하여 티스토리 HTML 모드에 붙여넣으세요.
※ 기본모드 전환 시 코드가 깨질 수 있으니 주의!