# \[슬라이드] 정사각 카드

***

## 1. ![](https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FWIhA2SpmE1UnBGMRj2Wr%2Fimage.png?alt=media\&token=f636c5b3-9ea3-47b2-98db-b544b1d65ff8) '슬라이드 정사각 카드' 란?

{% hint style="success" %} <mark style="color:green;">**정사각형 이미지와 텍스트가 혼합된 형태의 카드를 여러 장 사용할 수 있는 카드 블럭**</mark>으로,\
버튼은 가로로  2개까지만 배치 가능한 캐로셀 타입의 카드입니다.\
카드는 최대 10개까지만 생성 가능합니다.<br>

한 장의 메시지 카드를 사용하고자 할 때에는 \
**단일 정사각 카드**를 사용하시면 됩니다.<br>

[square](https://happytalk.gitbook.io/happybot/block_scenario/block/single/square "mention")
{% endhint %}

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2F8AhpnQDus2k7IqKKFkUd%2Fimage.png?alt=media&#x26;token=77d7dcb7-da84-4906-9162-78042ac2f176" 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%2Fb2TUdtl4N6cCbSeS0rJr%2Fimage.png?alt=media&#x26;token=2138f6de-98a2-414e-bf30-3cf4d4fe090b" 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 * 800 사이즈 권장</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>76자 이하 입력/수정 가능 <br>(500자 이상은 ‘전체보기’ 버튼 클릭하여 새 창에서 전체 내용 확인 가능)</li></ul></td></tr><tr><td>⑥</td><td>버튼</td><td>O</td><td><ul><li>최소 1개(필수) ~ 최대 2개까지만 설정 가능</li><li>50자 이하 입력/수정은 가능하지만 등록 후 실제 채널에서 버튼이 1개일 경우는 1줄에 최대 14자, 버튼이 2개일 경우는 2줄에 최대 6자만 노출됨</li><li>버튼 기능에 따라 블록 연결 버튼 노출/미노출 처리됨</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>

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

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

[parameter](https://happytalk.gitbook.io/happybot/block_scenario/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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://happytalk.gitbook.io/happybot/block_scenario/block/slide/square.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.