moon
sun

5. [기본] 정사각 카드 노드(블록)

'정사각 카드 노드(블록)' 란?

✅
정사각형 카드 노드는 이미지를 1:1 비율로 구성하여 시각적 요소를 강조하고, 텍스트와 버튼을 함께 구성할 수 있는 메시지 카드입니다. 버튼은 가로 기준 최대 2개까지 설정할 수 있으며, 버튼 개수에 따라 노출 가능한 텍스트 길이가 달라집니다.
정사각 카드를 슬라이드 형태로 여러 개 제공할 경우 슬라이드 정사각 노드를 사용할 수 있습니다. 자세히 보기:

1. 정사각 카드 노드(블록)

💡
이미지 첨부 이미지 첨부 후 업로드 팝업에서 확대 설정 가능
카카오 메신저와 인스타그램은 선택된 비율로, 네이버 톡톡은 16:9 비율로 노출
🚫
버튼 개수 제한(MAX) 기준
버튼은 최대 2개까지 설정할 수 있습니다.
버튼 1개: 버튼 영역 전체를 기준으로 한 줄로 노출되며, 최대 14자까지 입력할 수 있습니다.
버튼 2개: 각각의 버튼 레이아웃 크기에 맞춰 노출되며, 최대 6자까지 입력할 수 있습니다.

2. 정사각 카드 노드(블록)의 형태 및 사용 방법

🚫
주의 사항
모든 글자 수는 띄어쓰기가 포함되며, 한글/영문/숫자/공백 모두 한 글자로 취급합니다.
버튼명의 경우 카카오는 최대 14자만 노출됩니다.
이미지 권장 사이즈 800×800, JPG 및 PNG 형식만 제공합니다.
No.
구분
필수
설명
노드 타이틀
X
• 40자 이하 입력/수정 가능 • 생성 시 “정사각 카드 {No}” 형태로 생성 됨
이미지 등록
O
• 이미지 첨부 a. 권장 사이즈 800×800, JPG 및 PNG 형식만 제공 • URL 링크
메시지 타이틀
X
• 60자 이하 입력/수정 가능
메시지 내용 입력
X
• 230자 이하 입력/수정 가능
버튼
O
• 최소 1개(필수) ~ 최대 2개까지만 설정 가능 • 50자 이하 입력/수정은 가능하지만, 등록 후 실제 채널에서 버튼이 1개일 경우는 1줄에 최대 14자, 버튼이 2개일 경우는 2줄에 최대 6자만 노출됨
서브 노드 연결 버튼
O
• 해당 노드와 연결될 노드 편집 창 서브 노드 설정 or 마우스 드래그로 연결 가능
노드 더보기 버튼
-
• 클릭 시 아래 액션이 가능한 버튼 레이어 노출 a. 복제하기 b. 내용접기 c. 노드 삭제
그외
노드 URL 링크 설정
X
• 첨부한 이미지 클릭 시 이동할 URL 링크 설정

3. 정사각 카드 노드(블록) 제공되는 버튼 기능

✅
정사각 카드에서 지원 가능한 버튼 기능은 총 9가지입니다.
메시지 내용 입력 시 변수 추가가 가능하며, 버튼에는 변수 부여를 위한 파라미터를 설정할 수 있습니다. 자세히 보기:
버튼 기능
설명
노드 연결
다른 노드 연결
워크플로우 연결
다른 워크플로우의 시작점으로 연결함
URL 링크
입력한 URL 주소를 새창으로 연결함 (URL은 http:// 또는 https://로 시작되도록 입력)
전화 연결
입력한 전화번호로 전화걸기(모바일에서만 가능)
공유하기
친구에게 공유하기
채널 추가
카카오톡 채널 추가하기
상담사 연결
상담사 연결하기
챗봇 종료
챗봇 종료처리
오픈빌더 플러그인 실행
채널 설정에 따라 오픈빌더 플러그인 실행 항목 노출