> ## Documentation Index
> Fetch the complete documentation index at: https://guide.canape.im/llms.txt
> Use this file to discover all available pages before exploring further.

# 당첨화면 구성하기

> 당첨 화면은 참여자가 이벤트 참여 완료 후에 당첨된 리워드를 보여주는 카드예요.

<img src="https://mintcdn.com/dodamind-b0c9d0b4/fSteyad7xAxTAMio/images/15hODEL7v5rIu7xIERTK2nsbsSA.avif?fit=max&auto=format&n=fSteyad7xAxTAMio&q=85&s=5957b5888d1566efe72095e7ca7d0ee4" alt="15hODEL7v5rIu7xIERTK2nsbsSA.avif" width="2048" height="819" data-path="images/15hODEL7v5rIu7xIERTK2nsbsSA.avif" />

## 당첨화면 레이아웃

<img src="https://mintcdn.com/dodamind-b0c9d0b4/VgOstTFcLLVQnOxH/images/cu1cmT7a9RzoFWGcTrlFXrNs.avif?fit=max&auto=format&n=VgOstTFcLLVQnOxH&q=85&s=0b2ebcbf765e9c7ab46617ec2f46fafe" alt="cu1cmT7a9RzoFWGcTrlFXrNs.avif" width="1600" height="924" data-path="images/cu1cmT7a9RzoFWGcTrlFXrNs.avif" />

카나페 당첨 화면은 참여자가 이벤트 시작하기 버튼을 클릭한 뒤, 보게 되는 화면이에요. 공유 시 들어가는 리워드 썸네일은 물론, 이벤트 안에 들어갈 이미지를 설정하거나, 본문에 문구나 이미지, 영상, 마케팅 버튼을 넣어 추가적인 액션으로 연결지을 수도 있답니다.

당첨 화면 레이아웃은 다양하게 구성하실 수 있어요.

* 기본 당첨화면은 상단이미지가 펼쳐진 모습이에요.
* 만약 당첨화면 팝업의 크기를 줄이고 싶으시다면 상단 이미지 접기 기능을 사용하실 수 있어요.
* 아래와 같이, 결과화면 에디터 우측 상단의 버튼을 클릭해주세요.

<img src="https://mintcdn.com/dodamind-b0c9d0b4/jcReXolbtBAqY9i5/images/Hz9YXZaah6IlmmZgGu0JlME69rU.avif?fit=max&auto=format&n=jcReXolbtBAqY9i5&q=85&s=a80ca85b968c1bd694b8f6ae67e9dd77" alt="Hz9YXZaah6IlmmZgGu0JlME69rU.avif" width="1600" height="924" data-path="images/Hz9YXZaah6IlmmZgGu0JlME69rU.avif" />

그럼 당첨화면 레이아웃이 아래와 같이 변경됩니다.

<img src="https://mintcdn.com/dodamind-b0c9d0b4/VgOstTFcLLVQnOxH/images/u5L24RP3WjphzN507J3smqqoDw.avif?fit=max&auto=format&n=VgOstTFcLLVQnOxH&q=85&s=ad33779ac7a263dd07ffe37bebc9c711" alt="u5L24RP3WjphzN507J3smqqoDw.avif" width="1600" height="924" data-path="images/u5L24RP3WjphzN507J3smqqoDw.avif" />

## 상단 이미지

상단 이미지는 당첨 후 참여자가 마주하는 당첨 화면에서 가장 상단에 위치하는 이미지예요. 참여자를 사로잡을 수 있는 멋진 이미지를 넣는 것을 추천드려요.

* 배경이 있는 이미지 파일을 업로드 해주세요.
* 추천 사이즈 : 1000\*1000px
* 최대 크기 : 8MB

상단 이미지는 어디서 또 활용되나요?

* 상단 이미지는 ‘당첨 리워드 공유’ 기능을 켰을 때, 참여자가 공유하면 나오는 이미지이기도 해요. 다른 SNS 채널에서도 이목이 쏠리도록 멋지게 꾸며주세요.
* 스타일 탭의 ‘리워드 목록 동기화’ 기능을 사용하면, 리워드 상단 이미지가 이벤트 시작 화면에서도 보여요. 다음 가이드를 참고하세요.

## 색상 설정

당첨화면에서는 두가지 색상을 설정하실 수 있어요.

<img src="https://mintcdn.com/dodamind-b0c9d0b4/jcReXolbtBAqY9i5/images/0jf9k78m1fiQ2AhebzCTd8lgLQE.avif?fit=max&auto=format&n=jcReXolbtBAqY9i5&q=85&s=1649e35a505fb0aea9bde81e01e01721" alt="0jf9k78m1fiQ2AhebzCTd8lgLQE.avif" width="966" height="482" data-path="images/0jf9k78m1fiQ2AhebzCTd8lgLQE.avif" />

**텍스트 색상이 적용되는 부분**

* 당첨 화면 이름
* 마케팅 버튼
* 불렛/숫자 포인트
* 폼 경품 신청 버튼

**배경 색상이 적용되는 부분**

* 당첨 화면 배경

## 이름 및 부제목

#### 이름이 적용되는 부분

* 룰렛에서 이벤트 칸 내부 리워드 이름
* 당첨 리워드 공유시 제목
* 리워드 리스트

#### 부제목이 적용되는 부분

* 룰렛에서 이벤트 칸 내부 부제목
* 당첨 리워드 공유시 부제목

## 본문 편집기

<img src="https://mintcdn.com/dodamind-b0c9d0b4/jcReXolbtBAqY9i5/images/5CooFWzwQ21Qrj6o4ugaFCuU4Q.avif?fit=max&auto=format&n=jcReXolbtBAqY9i5&q=85&s=4b7a8554bc8b1edf5ab90b0331fcf01a" alt="5CooFWzwQ21Qrj6o4ugaFCuU4Q.avif" width="3508" height="2026" data-path="images/5CooFWzwQ21Qrj6o4ugaFCuU4Q.avif" />

#### **1) 텍스트 편집기**

결과 카드 내의 텍스트를 최대한 자유롭게 편집할 수 있는 기능들이 준비되어 있어요. 볼드체 설정, 글꼴 변경, 줄 높이 설정, 글자색, 그리고 이모티콘까지. 각 기능들을 적절히 적용하여, 우리 브랜드가 전하고자 하는 메시지를 가장 효과적으로 전달해 보세요.‍

#### **2) 유튜브 영상 추가**

* 결과 페이지에 넣고 싶은 유튜브 영상의 링크를 입력하세요. 영상 시작/종료 시간도 설정할 수 있어요.
* 넣고 싶은 유튜브 영상으로 들어가주세요.
* 해당 유튜브 영상의 주소창에 있는 “[https://www.youtube.com/watch”로](https://www.youtube.com/watch”로) 시작하는 URL을 `유튜브 영상 링크`입력창에 넣어주세요.
* 해당 영상에서 일부분만 보여주고 싶을 경우, 시작시간과 종료시간을 입력해주세요. ‍

> 만약 우리 브랜드의 유튜브 영상을 추가했는데 재생되지 않는다면 아래의 순서대로 진행해주세요

1. 우측 상단 `프로필` 클릭 - 'Youtube 스튜디오' 클릭
2. 좌측 사이드 메뉴에서 '콘텐츠' 클릭 후 우측 사이드에서 수정할 동영상의 제목 클릭
3. 가장 아래로 스크롤 다운해서 '자세히 보기' 클릭. 다시 스크롤 다운해서 '라이선스'에서 '퍼가기 허용' 항목의 체크박스에 체크

#### **3) 링크 버튼 (CTA 버튼) 넣기**

`링크 버튼 추가` 을 이용하면 CTA 버튼을 넣을 수 있어요. 고객과의 자연스러운 터치 포인트를 생성하고, 전환을 효과적으로 유도해 보세요!

* ‘URL’에 도착시키고 싶은 사이트의 링크를 입력하고, ‘버튼 텍스트’에 노출하고 싶은 문구를 입력해 주세요.
* '응답 및 분석'에서 각 CTA 버튼별 클릭율도 확인할 수 있습니다.
* 버튼을 삭제하고 싶을 때는 버튼을 클릭해서 나오는 '삭제하기' 버튼을 눌러서 손쉽게 삭제할 수 있습니다.

#### **4) 임베드하기**

결과 페이지 내에 임베드하고 싶은 웹페이지의 링크를 입력하면 결과 페이지에 임베드돼요. 응답자가 별도의 페이지로 이동할 필요 없이, 결과 페이지 내에서 구매나 회원가입과 같은 액션을 취할 수 있어요. 따라서 전환을 효과적으로 유도할 수 있는 기능입니다 🙂

#### **5) 이미지 넣기**

* 결과 페이지 내에 원하는 이미지를 자유롭게 추가할 수 있어요.
* 이미지 자체에 링크를 걸어 이미지를 클릭하면 다른 사이트로 이동하게 할 수 있어요.
