---
url: "/ko/emailify/export/global-code.md"
description: "내보낸 이메일에 사용자 지정 HTML이나 CSS 코드 조각을 넣어야 하는 고급 사용자는 플러그인의 Settings 패널에서 삽입할 수 있어요."
---

# 이메일에 전역 사용자 지정 HTML/CSS 코드 삽입

> 내보낸 이메일에 사용자 지정 HTML이나 CSS 코드 조각을 넣어야 하는 고급 사용자는 플러그인의 Settings 패널에서 삽입할 수 있어요.

[Video](/assets/videos/emailify/export/global-html-css.mp4)

어떤 이유로든 이메일에 아주 구체적인 사용자 지정 CSS를 추가하거나 `` 태그에 HTML을 넣어야 한다면, Emailify 플러그인에서 상위 이메일 컨테이너 Figma 프레임을 선택하고 **Settings** 버튼을 클릭한 다음 삽입할 코드를 필요한 대로 추가하면 돼요.

**Add Mobile CSS Rules** 필드에 입력한 CSS 규칙은 모바일 스타일용 `@media` 태그 안에 추가돼요. Figma 프레임 너비보다 작은 모든 화면 크기에 이 스타일이 적용돼요(이 영역에 적용하는 CSS 규칙에는 `!important`를 사용해야 해요).

**Add Inline CSS Rules** 필드는 지정한 HTML 선택자에 CSS 속성을 자동으로 인라인 처리해요(예: `p { color: blue }`를 추가하면 내보낸 HTML 이메일 코드의 모든 `` 태그에 `style="color: blue;"`가 인라인으로 들어가요).

**Add Head Tag HTML** 필드에 작성한 HTML은 내보낸 HTML 이메일의 `` 태그에 자동으로 삽입돼요. 이메일 마케팅 플랫폼에서 특수한 추적 태그나 HTML의 `` 태그에 넣어야 하는 다른 HTML 태그를 추가할 수 있게 해 준다면 유용하게 쓸 수 있어요.

> **Tip:** Emailify는 파일 크기를 최대한 줄이기 위해 HTML 내보내기를 자동으로 압축(minify)해요. 하지만 의사 클래스를 이용한 인터랙션 때문에 CSS 클래스가 바뀌면 안 되는 사용자 지정 코드를 추가한다면, 사용자 지정 CSS에 `#interactive:checked` 스타일 규칙을 하나 이상 넣어(예: `#interactive:checked ~ .content { display: block; }`) 압축을 건너뛸 수 있어요. 그러면 플러그인이 해당 이메일의 압축을 자동으로 꺼요.

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