# 퍼널과 웹사이트용 클릭투콜, 클릭투텍스트, 클릭투이메일 링크 및 버튼

## 퍼널과 웹사이트용 클릭투콜, 클릭투텍스트, 클릭투이메일 링크 및 버튼

이 가이드에서는 Hyperclass 퍼널(Funnels)과 웹사이트(Websites)에 클릭투콜, 클릭투텍스트, 클릭투이메일 링크와 버튼을 추가하는 방법을 설명합니다. 이러한 클릭 가능한 링크는 전환율을 높이고, 특히 모바일 기기에서 리드가 한 번의 터치로 쉽게 연락할 수 있게 해줍니다.

***

**목차**

* [클릭투콜, 클릭투텍스트, 클릭투이메일이란?](#클릭투콜-클릭투텍스트-클릭투이메일이란)
* [클릭투 액션 사용의 주요 장점](#클릭투-액션-사용의-주요-장점)
* [클릭투콜 링크 추가 방법](#클릭투콜-링크-추가-방법)
* [클릭투이메일 링크 추가 방법](#클릭투이메일-링크-추가-방법)
* [클릭투콜 버튼 추가 방법](#클릭투콜-버튼-추가-방법)
* [클릭투텍스트 버튼 추가 방법](#클릭투텍스트-버튼-추가-방법)
* [클릭투이메일 버튼 추가 방법](#클릭투이메일-버튼-추가-방법)
* [자주 묻는 질문](#자주-묻는-질문)

***

## 클릭투콜, 클릭투텍스트, 클릭투이메일이란?

전화 걸기, 문자 보내기, 이메일 보내기를 실행하는 클릭 가능한 링크는 사용자가 즉시 행동을 취할 수 있게 해줍니다. 올바르게 설정하면 이런 링크를 클릭했을 때 사용자의 전화 다이얼러, SMS 앱, 기본 이메일 클라이언트가 미리 입력된 정보와 함께 열립니다. 이런 링크는 퍼널과 웹사이트에서 사용자 경험을 개선하고 전환율을 높이기 위해 일반적으로 사용됩니다.

***

### 클릭투 액션 사용의 주요 장점

클릭투 링크는 리드가 한 번의 터치로 연락할 수 있게 함으로써 커뮤니케이션을 단순화합니다.

* **원터치 커뮤니케이션**: 사용자가 복사하거나 타이핑 없이 즉시 전화, 문자, 이메일을 보낼 수 있습니다
* **높은 모바일 참여율**: 모바일 사용자들이 클릭 가능한 액션과 더 많이 상호작용합니다
* **리드의 시간 절약**: 전화번호, 메시지 본문, 이메일 내용 등의 필드를 자동으로 채워줍니다
* **트리거 준비 완료**: 트리거 링크(Trigger Links)와 결합하여 후속 워크플로우(Workflow)에 활용할 수 있습니다
* **유연한 CTA 디자인**: 클릭투 링크는 텍스트와 버튼 요소(Elements) 모두에 추가할 수 있습니다

***

### 클릭투콜 링크 추가 방법

사람들이 클릭/터치해서 전화를 걸 수 있는 링크를 만들려면:

* 퍼널 또는 웹사이트 빌더(Builder)에서 텍스트를 하이라이트하세요
* 링크 아이콘을 클릭하세요
* `tel:+1234567890` 형식으로 링크를 입력하세요
* 저장(Save)을 클릭하고 모바일 기기에서 미리보기/테스트해보세요

![클릭투콜 링크 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155050029684/original/SLtvBLZubn8ZZfqfsK9veI104X9amxXe8A.gif?1752775516)

### 클릭투이메일 링크 추가 방법

사람들이 클릭/터치해서 이메일 메시지를 보낼 수 있는 링크를 만들려면:

* 퍼널 또는 웹사이트 빌더에서 텍스트를 하이라이트하세요
* 링크 아이콘을 클릭하세요
* `mailto:name@email.com` 형식으로 링크를 입력하세요
* 저장을 클릭하고 링크를 미리보기/테스트해보세요

![클릭투이메일 링크 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155050029871/original/v2PQzHv24vs46HFqKASjwnE_HzTXTUAAnA.gif?1752775769)

### 클릭투콜 버튼 추가 방법

사람들이 클릭/터치해서 전화를 걸 수 있는 버튼을 만들려면:

* 퍼널 또는 웹사이트 빌더에서 버튼을 클릭하세요
* 오른쪽의 Button Actions(버튼 액션) 아래에서 Link to 드롭다운을 사용하여 Call을 선택하세요
* 전화번호를 입력하세요
* 저장을 클릭하고 버튼을 미리보기/테스트해보세요

![클릭투콜 버튼 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155050030228/original/C76eE2PcYZ6uxVNmCtCeCvnorMTlXReK5g.jpeg?1752776383)

***

### 클릭투텍스트 버튼 추가 방법

사람들이 클릭/터치해서 문자를 보낼 수 있는 버튼을 만들려면:

* 퍼널 또는 웹사이트 빌더에서 버튼을 클릭하세요
* 오른쪽의 Button Actions 아래에서 Link to 드롭다운을 사용하여 SMS를 선택하세요
* 전화번호를 입력하세요
* 저장을 클릭하고 버튼을 미리보기/테스트해보세요

![클릭투텍스트 버튼 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155050030264/original/r45be-mWycbcGquZElDfLMg0FSiJ0K2V9A.png?1752776411)

***

### 클릭투이메일 버튼 추가 방법

사람들이 클릭/터치해서 이메일을 보낼 수 있는 버튼을 만들려면:

* 퍼널 또는 웹사이트 빌더에서 버튼을 클릭하세요
* 오른쪽의 Button Actions 아래에서 Link to 드롭다운을 사용하여 Email을 선택하세요
* 이메일 주소를 입력하세요
* 저장을 클릭하고 버튼을 미리보기/테스트해보세요

![클릭투이메일 버튼 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155050030294/original/4no_9VgU3Brc2LzrolfFFPaw0lb9IcQGcA.png?1752776444)

***

### 자주 묻는 질문

**Q: 이런 링크의 클릭을 어떻게 추적하나요?** 트리거 링크를 사용하여 클릭을 추적하고 클릭에 기반한 액션을 자동화하세요.

**Q: 사용자의 기기가 클릭투 링크를 지원하지 않으면 어떻게 되나요?** 기기가 프로토콜(예: 데스크톱에서 sms:)을 지원하지 않으면 클릭해도 아무 일이 일어나지 않습니다. 다양한 기기에서 링크를 테스트하고 대체 연락처 정보를 포함하는 것을 권장합니다.

**Q: 한 링크에 여러 액션(전화와 문자 등)을 추가할 수 있나요?** 아니요. 각 링크는 한 번에 하나의 액션(전화, 문자, 이메일 중 하나)만 수행할 수 있습니다. 여러 옵션을 제공하려면 각 액션에 대해 별도의 링크나 버튼을 사용하세요.

**Q: 이미지나 아이콘 안에 클릭투 링크를 사용할 수 있나요?** 네. 퍼널이나 웹사이트 빌더에서 동일한 형식을 사용하여 이미지나 아이콘에 하이퍼링크를 걸 수 있습니다. 전화나 메시지 아이콘 같은 시각적 CTA에 유용합니다.

***

*원문 최종 수정: 2025년 12월 23일* *Hyperclass 사용 가이드 — hyperclass.ai*


---

# 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://hyperclass.gitbook.io/hyperclass-docs/and-sites/xml-sitemaps/click-to-call-click-to-text-and-click-to-email-links-buttons-for-websites-and-fu-1.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.