---
title: 웹사이트의 "연락처" 버튼
description: WhatsApp, Telegram, 전화, 링크 등의 하위 버튼이 있는 플로팅 연락처 버튼입니다. 설정 방법과 표시 시점을 알려드립니다.
section: design
keywords: 연락처 버튼, 연락처, WhatsApp, Telegram, 전화, 플로팅 버튼
updated: 2026-09-16
---

"연락처" 버튼은 웹사이트 하단(장바구니 위)에 있는 원형 플로팅 버튼입니다. 클릭하면 WhatsApp, Telegram, 전화번호 및 링크 하위 버튼이 나타납니다. 웹사이트의 모든 모드에서 작동합니다.

![설정의 “연락처” 블록](/wiki/img/settings-contacts.webp "버튼 아이콘, 레이블, 직접 링크 및 하위 버튼")

## 설정 방법

설정 → 연락처.

1. **버튼 아이콘** - 전화, 채팅, 메시지 등.
2. **버튼 레이블** - 마우스 커서를 버튼 위에 올렸을 때 표시되는 힌트(예: "연락처")입니다.
3. **바로가기 링크** - 하위 버튼이 없는 경우, 버튼을 클릭하면 해당 링크(휴대폰, WhatsApp, Telegram, 웹사이트)가 바로 열립니다.
4. **하위 버튼** - "링크 추가"를 클릭하세요. 이름과 링크를 입력합니다. WhatsApp, Viber, Telegram에서 브랜드 아이콘이 자동으로 추가됩니다.
5. 저장을 클릭하세요.

입력된 정보가 없으면 웹사이트에 버튼이 표시되지 않습니다.

## 링크 형식

- 전화 `tel:+380671234567` 또는 번호만 입력하세요.
- 왓츠앱: `https://wa.me/380671234567`
- 텔레그램: `https://t.me/username` 또는 `@username`
- 웹사이트 또는 양식: `https://…`.

## 원버튼 모드

"직접 링크" 필드만 작성하고 하위 버튼을 추가하지 마세요. 그러면 버튼이 단일 버튼으로 바뀌어 링크가 바로 열립니다.

## 질문과 답변

### 버튼이 바구니를 덮습니다

버튼이 바구니 위에 위치한 것은 의도적인 것입니다. 휴대폰 화면에서는 두 버튼 모두 잘 보이고 서로 간섭하지 않습니다.

### 피드백 양식을 추가할 수 있을까요?

네, 양식 링크가 있는 하위 버튼으로 사용하거나 웹사이트 페이지의 "연락처" 블록을 사용할 수 있습니다. [홈 및 메뉴를](/wiki/ko/home-and-menu) 참조하세요.