체크인 브랜딩 설정
보통 5~10분이면 끝납니다. 분석에 실패해도 수동 업로드로 마무리할 수 있습니다.
이 페이지에서는 체크인 흐름을 호텔 브랜드에 맞게 조정할 수 있습니다. 배경 이미지가 얼마나 강하게 비쳐 보일지도 세밀하게 조정할 수 있습니다. 브랜딩 이미지는 업로드 영역에 끌어다 놓거나 클릭해서 올릴 수 있습니다.
위치
Settings → Customizations → Branding설정할 수 있는 항목
| 설정 | 제어 내용 | 가장 적합한 경우 |
|---|---|---|
| Hotel Logo | 체크인 홈 화면의 환영 메시지 위에 표시되며 원본 비율을 유지합니다 | 대표 브랜드 마크를 보여주려는 경우 |
| Failure Illustration | 체크인 오류가 발생했을 때 표시됩니다 | 브랜드가 반영된 오류 화면이 필요한 경우 |
| Background Image | 기본 체크인 페이지 뒤에 표시됩니다 | 체크인 흐름에 호텔 이미지를 더하려는 경우 |
| Background Image Strength | 배경 이미지가 오버레이를 통해 얼마나 강하게 비칠지 제어합니다 | 배경을 더 희미하게 또는 더 선명하게 보이게 하려는 경우 |
| Primary Color | 상단 바와 주요 브랜드 영역에 적용됩니다 | 헤더 색상을 맞추려는 경우 |
| Secondary Color | CTA 강조, 포커스 상태, 보조 영역에 적용됩니다 | 버튼과 강조색을 맞추려는 경우 |
| Completion Modal | CCI 게스트가 Complete Check-In을 누른 뒤 표시됩니다 | 게스트가 메인 페이지로 돌아가기 전에 마지막 메시지나 제안을 보여줄 때 |
| Website Analysis | 공개 호텔 페이지에서 색상과 로고를 제안합니다 | 기존 웹사이트를 바탕으로 빠르게 설정하려는 경우 |
| Screenshot Analysis | 스크린샷에서 색상을 제안하고, 가능하면 로고를 잘라냅니다 | 웹사이트가 차단된 경우 |
Website analysis는 공개 페이지에서만 작동합니다. 비공개 URL이나 내부 URL은 차단됩니다.
일부 오래된 업로드는 files.vouch.sg.s3.<region>.amazonaws.com을 반환할 수 있습니다.
Streamliner는 이미지를 표시하기 전에 이 호스트를 files.vouch.sg로 다시 씁니다.
로고는 체크인 화면에서 원래 모양을 그대로 유지합니다. 넓은 워드마크도 읽기 쉽게 보이고, 작은 로고가 억지로 늘어나지 않습니다.
Completion modal은 **Self Check-In (CCI)**에서만 표시됩니다. ACI 또는 pre-arrival 게스트는 일반 복귀 흐름을 그대로 사용합니다.
모달을 켜려면 이미지와 영어 primary 및 secondary 메시지가 필요합니다. 다른 활성 언어는 비워 두어도 되고, 영어를 기본으로 사용합니다.
브랜딩 설정
-
Settings → Customizations → Branding으로 이동합니다.
-
Website 또는 Screenshot을 선택합니다.
-
Website를 선택한 경우 공개 호텔 웹페이지 URL을 붙여넣습니다.
-
Analyze Website를 클릭합니다.
-
제안된 색상과 로고를 검토합니다.
✓ 실제로 적용하기 전에 미리보기가 보여야 합니다.
-
Apply Suggestions를 클릭합니다.
-
아직 바꾸고 싶은 항목이 있으면 수정합니다.
-
Screenshot을 선택한 경우 이미지 파일을 업로드합니다.
-
미리보기를 확인한 뒤 Apply Colors 또는 Use Extracted Logo를 클릭합니다.
-
Save Branding을 클릭합니다.
수동 업로드
드래그 앤 드롭 사용
- 파일을 Upload Logo로 끌어다 놓아 제안된 로고를 바꿉니다.
- 파일을 Upload Failure Illustration로 끌어다 놓아 오류 이미지를 사용자 지정합니다.
- 파일을 Upload Background Image로 끌어다 놓아 체크인 페이지 뒤에 맞춤 이미지를 배치합니다.
- 각 드롭존을 클릭해 파일을 찾아 선택할 수도 있습니다.
- 업로드 중에는 해당 드롭존에 **Uploading…**이 표시됩니다.
- 지원 형식은 PNG, JPEG, GIF, WebP, AVIF, SVG입니다.
- 파일 크기는 5MB보다 작아야 합니다.
- 서로 다른 파일을 섞어 놓으면 AVA는 유효한 파일만 올리고 거부된 파일은 알려 줍니다.
- Check-in v3는 배경 이미지 위에 가독성 오버레이를 추가합니다.
- 값이 100%까지면 기본 오버레이가 유지됩니다.
- 100%를 넘기면 오버레이가 줄어들어 이미지가 더 강하게 비칩니다.
- 텍스트가 충분히 읽히는 경우에만 복잡한 이미지를 사용하세요.
배경 이미지 강도 조정
보통 1분도 걸리지 않습니다. 먼저 배경 이미지가 있어야 합니다.
배경 이미지가 페이지 콘텐츠 뒤에서 너무 흐리게 보일 때 이 설정을 사용합니다.
-
Settings → Customizations → Branding으로 이동합니다.
-
아직 하지 않았다면 Background Image를 업로드합니다.
-
Background image strength 슬라이더를 찾습니다.
-
슬라이더를 **100%**로 맞춰 표준 오버레이를 적용합니다.
-
이미지가 더 강하게 드러나게 하고 싶으면 **100%**보다 높게 올립니다.
-
Save Branding을 클릭합니다.
-
체크인 페이지를 새로고침하고 결과를 확인합니다.
✓ 저장 후 배경 이미지가 더 또렷하게 보여야 합니다.
슬라이더 범위는 **0%**부터 **200%**까지입니다. 배경 이미지를 업로드하기 전에는 비활성화됩니다. 배경 이미지를 제거하면 Streamliner는 강도를 표준 오버레이로 되돌립니다.
Completion Modal 설정
보통 5분이면 끝납니다. 이미지 1개와 짧은 영어 메시지 2개가 필요합니다.
이 섹션에서는 게스트가 **Self Check-In (CCI)**를 마친 뒤 보여줄 최종 이미지와 메시지를 설정합니다. 모달은 브랜딩 로고, 배경 이미지, 실패 일러스트와는 별개입니다.
모달이 사용하는 항목
| 필드 | 제어 내용 | 참고 |
|---|---|---|
| Enabled | 모달 켜기/끄기 | 꺼 두면 일반 복귀 흐름이 유지됩니다 |
| Image | 체크인 후 게스트가 보는 큰 이미지 | 글자가 읽히는 선명한 이미지를 사용하세요 |
| Primary Message | 이미지 아래의 주요 메시지 | 모달이 켜져 있으면 영어가 필요합니다 |
| Secondary Message | 주요 메시지 아래의 보조 텍스트 | 모달이 켜져 있으면 영어가 필요합니다 |
| Rich Text | 메시지 안의 서식 | 굵게, 기울임, 목록, 줄바꿈을 지원합니다 |
| Other Languages | 메시지의 번역본 | 영어가 채워져 있으면 선택 사항입니다 |
모달 설정
-
Settings → Customizations로 이동합니다.
-
Check-In Completion Modal을 엽니다.
-
Enabled를 켭니다.
-
모달 Image를 추가합니다.
-
Primary Message를 영어로 입력합니다.
-
Secondary Message를 영어로 입력합니다.
-
게스트에게 다른 언어를 보여주고 싶을 때만 번역을 추가합니다.
-
Save를 클릭합니다.
✓ Complete Check-In 후 CCI 게스트는 먼저 모달을 보고, 그다음 메인 페이지로 돌아갑니다.
AVA는 메시지에서 스크립트, 이미지, iframe, 스타일, 이벤트 핸들러를 제거합니다. 번역이 없으면 AVA는 현재 로캘을 먼저 사용합니다. 그다음 base locale, 기본 언어, 영어, 그리고 채워진 다른 값을 순서대로 시도합니다.
메시지를 안전하게 유지하기
- 굵게, 기울임, 글머리표, 짧은 줄바꿈을 사용하세요.
- 내장 이미지, 색상 스타일, 상호작용 요소는 피하세요.
- Primary 메시지는 하나의 행동이나 제안에 집중하세요.
- Secondary 메시지는 휴대폰에서 빠르게 읽을 수 있을 정도로 짧게 유지하세요.
보이는 현상 → 해결 방법
Website analysis가 차단됨
보이는 현상: "That website blocked automated access."
해결 방법:
- 호텔 홈페이지나 다른 공개 마케팅 페이지를 시도합니다.
- Screenshot 분석으로 전환합니다.
- 필요하면 로고를 수동으로 업로드합니다.
로고 제안이 표시되지 않음
보이는 현상: 미리보기에는 색상만 보이고 로고는 보이지 않습니다.
해결 방법:
- 색상 제안을 적용합니다.
- Upload Logo로 직접 로고를 업로드합니다.
- 웹사이트에 보이는 로고가 있다면 스크린샷을 사용해 봅니다.
가져온 로고가 흐릿해 보임
보이는 현상: 제안된 로고 미리보기가 흐리거나 선명하지 않아 보입니다.
해결 방법:
- 아직 브랜드와 잘 맞는다면 제안된 색상은 유지합니다.
- 로고는 수동 업로드로 바꿉니다.
- 더 좋은 품질의 원본 이미지가 있으면 그 파일을 사용합니다.
배경이 너무 어두워 보임
보이는 현상: 업로드한 배경 이미지가 페이지 콘텐츠 뒤에서 너무 눌려 보입니다.
해결 방법:
- Background image strength를 **100%**보다 높입니다.
- 페이지가 여전히 너무 어두우면 더 밝은 이미지를 사용합니다.
- 텍스트가 읽기 어려워지면 강도를 다시 낮춥니다.
강도 슬라이더가 비활성화됨
보이는 현상: Background image strength 슬라이더가 회색입니다.
해결 방법:
- 먼저 Background Image를 업로드합니다.
- Save Branding을 클릭합니다.
- 페이지를 새로고친 뒤 다시 시도합니다.
배경 이미지가 없음
보이는 현상: 체크인 페이지에 여전히 기본 배경이 표시됩니다.
해결 방법:
- Settings → Customizations → Branding으로 이동합니다.
- Upload Background Image로 이미지를 다시 업로드합니다.
- Save Branding을 클릭합니다.
- 저장한 뒤 체크인 페이지를 새로고침합니다.
여전히 해결되지 않나요?
다음 경우 success@vouch-technologies.com으로 문의하세요.
- 여러 공개 페이지에서 자동 분석이 실패하는 경우
- 이미지를 업로드한 뒤에도 브랜딩을 저장할 수 없는 경우
- 저장 후에도 체크인 화면에 이전 로고가 계속 보이는 경우
도움이 되도록 함께 보내면 좋은 정보:
- 시도한 웹사이트 URL 또는 스크린샷
- 정확히 표시된 메시지
- 브랜딩 섹션 스크린샷