---
url: "/ko/emailify/content/link-icon-buttons.md"
description: "이메일 디자인에 원하는 아이콘을 넣을 수 있고 어떤 URL로든 연결되는, 클릭할 수 있는 서식 있는 텍스트 버튼을 추가할 수 있어요."
---

# 이메일의 아이콘 버튼에 링크 추가

> 이메일 디자인에 원하는 아이콘을 넣을 수 있고 어떤 URL로든 연결되는, 클릭할 수 있는 서식 있는 텍스트 버튼을 추가할 수 있어요.

[Video](/assets/videos/emailify/content/add-icon-buttons.mp4)

> **Warning:** **아이콘 버튼은 Outlook에서 *지원되지 않아요***. 버튼의 아이콘은 Windows용 Outlook 클라이언트에서만 자동으로 숨겨지고, 다른 모든 이메일 클라이언트에서는 정상적으로 렌더링돼요.

이메일 디자인에 새 아이콘 버튼 레이어를 추가하려면 아무 Column 또는 Hero 레이어를 클릭하고, Quick Add 드롭다운 메뉴에서 **Icon Button** 옵션을 선택한 다음 **Add +** 버튼을 클릭하세요. 그러면 레이아웃에 새 버튼 레이어가 삽입돼요.

또는 플러그인의 **CTA** 탭에서 미리 만들어진 컴포넌트를 고를 수도 있어요. **Icon Buttons** 하위 카테고리 탭을 클릭한 다음 아이콘 버튼 컴포넌트 프리셋 중 하나를 클릭하면 디자인에 새 “Row” 레이어로 추가돼요.

버튼 스타일을 원하는 대로 꾸민 뒤 Figma에서 Button 레이어를 클릭하고 **Settings** 버튼을 클릭한 다음, **Clickable Link URL** 입력 필드에 URL을 붙여 넣어 클릭할 URL을 지정하세요. 그러면 버튼을 클릭했을 때 브라우저에서 그 URL이 열려요.

> **Tip:** **전체 너비 분할 텍스트/아이콘 버튼**을 만들려면 플러그인의 전체 너비 프리셋 중 하나를 추가하거나, 기존 아이콘 버튼의 Figma Auto Layout **Horizontal** 설정을 **Fill**로 바꾸고 Figma Auto Layout **Item Spacing** 설정도 **Auto**로 바꾸세요. 그러면 자동으로 양쪽 정렬된 분할 버튼이 돼요.

> **Note:** 아이콘 버튼의 **아이콘 레이어를 바꾸려면** 원하는 Figma 아이콘 프레임이나 벡터 레이어 하나를 Icon Button 레이어 안으로 끌어다 놓은 다음, 원래 아이콘 레이어를 삭제해 Button 레이어 안에 아이콘이 하나만 있도록 하세요(버튼 안에는 그 밖에 텍스트 레이어 하나만 있어야 해요).

Emailify의 링크 필드나 Figma 텍스트 하이퍼링크로 추가한 링크의 경우, HTML 내보내기에서 실행 가능한 `javascript:` 및 `vbscript:` 대상은 제외돼요. 동적 템플릿 링크와 이미지 소스 URL은 기존 동작을 그대로 유지해요.

> **Tip:** **Settings**를 연 다음 Figma에서 같은 유형의 Emailify 레이어를 여러 개 선택하면 [설정을 일괄 적용](/ko/emailify/design/settings#apply-settings-in-bulk)할 수 있어요. 변경한 설정은 선택한 모든 레이어에 적용돼요.