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

# SNS 카드

# SNS 카드

> **한 줄 요약** — 운영 중인 소셜 미디어 채널을 한 줄에 아이콘으로 모아 보여주고, 방문자가 한 번에 원하는 채널로 갈 수 있게 해주는 카드예요.

## 이 기능이 필요한 순간

* **여러 SNS를 동시에 운영**하는 1인 크리에이터·인플루언서·브랜드
* 모바일 명함 페이지 끝에 **모든 채널로 분기**할 수 있는 허브가 필요할 때
* 페이지 마지막에 **팔로우 유도** 영역을 깔끔하게 두고 싶을 때

***

## 지원 채널 확인하기

CdBd SNS 카드는 다음 6가지 채널을 기본 제공해요. 채널 라벨과 아이콘이 정해져 있어서 URL만 붙여 넣으면 바로 사용할 수 있어요.

| 채널          | 입력 URL 형식 예시                        |
| ----------- | ----------------------------------- |
| **홈페이지**    | `https://cdbd.in`                   |
| **인스타그램**   | `https://www.instagram.com/cdbd.in` |
| **카카오톡 채널** | `https://pf.kakao.com/_cdbd`        |
| **유튜브**     | `https://www.youtube.com/@cdbd`     |
| **틱톡**      | `https://www.tiktok.com/@cdbd`      |
| **X (트위터)** | `https://x.com/cdbd_in`             |

***

## SNS 카드 추가하고 채널 켜기

에디터에서 **\[+ 카드 추가하기]** 버튼을 누르거나 빈 영역을 눌러 카드 추가 메뉴를 열어요. 메뉴에서 **\[SNS]** 카드를 골라요. 카드가 페이지에 들어가요. 우측 패널에 6개 채널이 토글과 URL 입력 칸으로 나란히 정리되어 보여요.

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-card_sns.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=15f6c1ccdfe0fe95391e2838489dc492" alt="SNS 카드 — 6개 채널을 모두 활성화한 화면과 우측 채널 목록 패널" width="1440" height="900" data-path="_assets/images/02-card_sns.png" />

각 채널 행은 다음 순서로 조작해요.

1. 사용할 채널 행의 **토글을 켜기**
2. 우측 입력 칸에 채널 **URL 붙여 넣기**
3. 미리보기에 해당 채널 아이콘이 추가되는지 확인

토글이 꺼져 있으면 입력 칸이 비활성화되고, 미리보기에도 그 채널 아이콘은 나타나지 않아요. **켜 둔 채널만 아이콘으로 보여요** — 예를 들어 인스타그램 1개만 켜면 아이콘 한 개, 인스타·유튜브·X 3개를 켜면 아이콘 세 개가 한 줄로, 6개를 모두 켜면 여섯 개가 한 줄로 나란히 보이는 식이에요. 사용하지 않는 채널은 꺼두면 카드가 깔끔해져요.

***

## 채널 순서 바꾸기

각 채널 행 가장 왼쪽의 **(⋮⋮) 드래그 핸들**을 잡고 위·아래로 끌면 순서를 바꿀 수 있어요. 방문자에게 가장 먼저 보여주고 싶은 채널을 맨 앞에 두면 시선이 자연스럽게 닿아요.

***

## 아이콘 모양 다듬기

우측 패널의 **아이콘 모양** 섹션에서 아이콘의 모양·크기·색상·간격을 조절할 수 있어요.

* **모양** — 아이콘만 / 원형 배경 / 둥근 사각형 배경 등 여러 스타일 중에서 페이지 톤에 맞는 형태를 골라요.
* **크기** — 페이지 분위기에 맞춰 작게 또는 크게.
* **색상** — 각 채널의 브랜드 컬러를 그대로 살리거나, 한 가지 색으로 통일해 미니멀하게.
* **간격** — 아이콘 사이 여백을 조절해요.

***

## 카드 디자인 다듬기

**카드 디자인** 섹션에서 SNS 카드 자체의 배경·테두리·외부 여백을 조절할 수 있어요. 페이지 끝에 배치할 때는 외부 여백을 조금 더 줘서 위쪽 콘텐츠와 분리감을 만들면 깔끔해 보여요.

***

## 활용 팁

* **모바일 명함의 끝** — 프로필 카드 아래에 SNS 카드를 두면, 방문자가 명함을 본 뒤 곧바로 채널로 이동할 수 있어요.
* **페이지 최상단** — 채널 팔로우가 페이지의 주된 목적이라면, 첫 화면에 SNS 카드를 두는 방법도 좋아요.
* **카카오톡 채널 URL** — 개인 카카오톡 ID나 오픈채팅 링크가 아닌 **카카오톡 채널 관리자센터의 "채널 URL"** (`https://pf.kakao.com/_...`)을 복사해서 붙여 넣어야 해요.

***

## 자주 묻는 질문

**Q. 인스타그램 URL은 어떤 형태로 넣어야 하나요?**
A. **프로필 URL** (`https://www.instagram.com/계정아이디`)을 권장해요. 특정 게시물(`/p/`) 이나 릴스(`/reel/`) 주소를 넣으면 방문자가 해당 게시물 하나로만 이동해서 시각 흐름이 어색해질 수 있어요.

**Q. X(트위터)는 `twitter.com` 주소를 그대로 써도 되나요?**
A. 자동으로 `x.com`으로 연결되긴 하지만, 가급적 최신 도메인인 `x.com`을 사용하는 편을 권장해요.

**Q. 페이스북·링크드인 같은 다른 채널도 추가할 수 있나요?**
A. 현재 SNS 카드는 위 6개 채널을 기본 제공해요. 다른 채널을 안내하고 싶다면 [버튼 카드](/editor/card-button)에 URL 이동을 설정해 별도로 두는 방법을 권장해요.

***

## 함께 보면 좋은 문서

* [프로필 카드](/editor/card-profile) — 프로필 카드 + SNS 카드 조합이 모바일 명함의 표준이에요
* [버튼 카드](/editor/card-button) — 특정 채널 하나만 크게 강조하고 싶을 때 어울려요
* [메뉴 카드](/editor/card-menu) — 텍스트 라벨과 함께 채널을 안내하고 싶을 때
