# \[슬라이드] 와이드 카드

***

## 1. ![](https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FYW3rZHMbbnFAmi4b9eQ9%2Fimage.png?alt=media\&token=000e9cd9-84c9-44e1-b116-b98e1f4983b5) '슬라이드 와이드 카드' 란?

{% hint style="success" %}
<mark style="color:green;">**직사각형 이미지와 텍스트가 혼합된 형태의 카드를 여러 장 사용할 수 있는 카드 블럭**</mark>으로,\
슬라이드는 최대 10개까지만 생성 가능합니다.\


한 장의 메시지 카드를 사용하고자 할 때에는 \
**단일 와이드 카드 블럭**을 사용하시면 됩니다.

\
[wide](../single/wide "mention")
{% endhint %}

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FrVrhmtD6iQ04XUHPvKPi%2Fimage.png?alt=media&#x26;token=d2ba5515-1705-4211-ae0d-a3baf28e7fe5" alt=""><figcaption></figcaption></figure>

***

## 2. 블럭의 형태 및 사용 방법

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FOn0zVTzqVTmSBijWNmRw%2Fimage.png?alt=media&#x26;token=2ebb9979-cdee-4933-8b9f-3524f2b00dc2" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
<mark style="color:red;">**주의 사항**</mark>

* 모든 글자 수는 띄어쓰기가 포함되며, 한글/영문/숫자/공백 모두 한 글자로 취급합니다.
* 버튼명의 경우 카카오는 최대 14자, 웹채팅 50자, 인스타 약 30자만 노출됩니다.
* 이미지 업로드 시 1MB 미만의 JPG, PNG만 지원됩니다.
{% endhint %}

<table><thead><tr><th width="80">No</th><th width="178">구분</th><th width="71">필수</th><th>설명</th></tr></thead><tbody><tr><td>①</td><td>블럭 타이틀</td><td>X</td><td><ul><li>40자 이하 입력/수정 가능 </li><li>생성 시 “<em>슬라이드 와이드 카드 {No}</em>” 형태로 생성 됨</li></ul></td></tr><tr><td>②</td><td>슬라이드 위치</td><td>X</td><td><ul><li>'{현재 슬라이드 페이지}/{전체 슬라이드 페이지}'  형태로 노출</li></ul></td></tr><tr><td>③</td><td>이미지</td><td>O</td><td><ul><li>800 * 400 사이즈 권장</li><li>1MB(1,000KB) 미만의 이미지 파일(JPG, PNG)만 지원</li></ul></td></tr><tr><td>④</td><td>메시지 타이틀</td><td>X</td><td><ul><li>60자 이하 입력/수정 가능</li></ul></td></tr><tr><td>⑤</td><td>메시지 내용 입력 </td><td>X</td><td><ul><li>128자 이하 입력/수정 가능 <br>(500자 이상은 ‘전체보기’ 버튼 클릭하여 새 창에서 전체 내용 확인 가능)</li></ul></td></tr><tr><td>⑥</td><td>버튼</td><td>O</td><td><ul><li>최소 1개(필수) ~ 최대 3개까지만 설정 가능</li><li>50자 이하 입력/수정 가능</li><li>카카오는 최대 14자, 웹채팅 50자, 인스타 약 30자만 노출됨</li></ul></td></tr><tr><td>⑦</td><td>다음 슬라이드로 이동 버튼</td><td>-</td><td><ul><li>클릭 시 다음 슬라이드로 이동 처리 됨</li></ul></td></tr><tr><td>⑧</td><td>서브 블럭 연결 버튼</td><td>O</td><td><ul><li>해당 블럭과 연결될 블럭을 블럭 편집 창 or 마우스 Drag&#x26;Drop으로 연결 가능</li></ul></td></tr><tr><td>⑨</td><td>블럭 간략 설정 버튼</td><td>-</td><td><ul><li>클릭 시 아래 액션이 가능한 버튼 레이어 노출 <br>a. 미리보기 <br>b. 복제하기 <br>c. 내용접기 <br>d. 블럭 저장 <br>e. 블럭 삭제</li></ul></td></tr><tr><td>⑩</td><td>이전 슬라이드로 이동 버튼</td><td>-</td><td><ul><li>클릭 시 이전 슬라이드로 이동 처리 됨</li></ul></td></tr></tbody></table>





***

## 3. 제공되는  버튼 기능

{% hint style="success" %}
<mark style="color:green;">**슬라이드 와이드 카드에서 지원 가능한 버튼의 기능은 총 9가지 입니다.**</mark>



버튼에 변수 부여를 위한 파라미터 설정이 가능하며,

버튼 파라미터 부여 방법은 버튼 파라미터 설정에서 확인 가능하실 수 있습니다.\


[parameter](../../parameter "mention")
{% endhint %}

![](https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2F2eBVHdqEAPaGJ9adATBA%2Fimage.png?alt=media\&token=93e442bc-bc9d-4ca9-a081-c31f0420985c)

<table><thead><tr><th width="240">버튼 기능</th><th>설명</th><th data-hidden></th></tr></thead><tbody><tr><td><strong>메시지 연결</strong></td><td>다른 메시지 카드로 연결함</td><td></td></tr><tr><td><strong>시나리오 연결</strong></td><td>다른 시나리오의 시작점으로 연결함</td><td></td></tr><tr><td><strong>URL 링크</strong></td><td><p>입력한 URL 주소를 새창으로 연결함</p><p>(URL은 http:// 또는 https://로 시작되도록 입력)</p></td><td></td></tr><tr><td><strong>전화</strong></td><td>입력한 전화번호로 전화걸기(모바일에서만 가능)</td><td></td></tr><tr><td><strong>조건 버튼</strong></td><td>미리 조건을 설정하여 True/False에 따라 다른 버튼을 연결함<br>(True/False에 각각 연결하는 버튼은 나머지 8가지 중 선택 가능)</td><td></td></tr><tr><td><strong>다른 서비스 호출</strong></td><td>외부 연결 메시지 등록</td><td></td></tr><tr><td><strong>공유하기</strong></td><td>친구에게 공유하기</td><td></td></tr><tr><td><strong>채널 추가</strong></td><td>카카오톡 채널 추가하기</td><td></td></tr><tr><td><strong>오픈빌더 플러그인 실행</strong></td><td>오픈빌더 플러그인 실행</td><td></td></tr></tbody></table>



