버튼

이 글에서는

이메일 본문에 버튼을 추가해 구독자의 시선을 모으고, 행동을 유도할 수 있습니다. 에디터에서 [버튼] 편집상자를 추가하고, 버튼의 텍스트를 수정하거나 스타일을 변경하는 방법을 알아봅니다.

버튼 상자 추가하기

화면 오른쪽에서 [버튼] 편집 상자를 왼쪽에 끌어다 놓거나, 추가한 편집 상자의 구성 요소에서 [버튼]을 선택해 추가할 수 있습니다. 추가한 버튼을 클릭하면 텍스트를 입력할 수 있으며, 스타일을 편집할 수 있는 툴바가 함께 표시됩니다. 툴바에서 버튼 스타일을 원하는 대로 편집할 수 있습니다. 텍스트 크기를 바꾸면 버튼 크기 역시 텍스트 크기에 맞춰 변경됩니다.

* 메일머지 기능을 사용하면 개인화된 메시지를 보여줄 수 있고, 이를 활용해 버튼 클릭 성과를 개선할 수 있습니다.

버튼 편집하기

추가된 버튼 편집 상자를 클릭하면 폰트, 크기, 텍스트 정렬, 색상, 메일머지 등을 설정할 수 있는 툴바가 표시됩니다. 숫자 리스트나 점 리스트를 사용해 작성한 내용을 목록화할 수도 있습니다.

버튼 스타일, 정렬 변경하기

폰트: 이메일 환경에서는 웹 폰트를 사용할 수 없으므로 스티비 에디터에서는 고딕, 명조 두 가지를 제공합니다.
텍스트 크기: 최소 12px에서 최대 60px까지 설정할 수 있습니다. 텍스트 크기에 따라 버튼 크기가 달라집니다.
버튼 모양: 사각형과 라운드 중 선택할 수 있습니다.
배경 색상: 버튼 색상을 선택할 수 있습니다.
테두리: 버튼의 테두리 표시 여부와 테두리 색상을 선택할 수 있습니다.
정렬: 왼쪽, 가운데, 오른쪽 중 버튼 정렬 방식을 선택할 수 있습니다.

버튼에 링크 삽입하기

버튼을 클릭하면 툴바가 표시됩니다. 툴바의 [링크 추가] 버튼을 클릭하면 URL을 입력할 수 있습니다. [링크 제거] 버튼을 클릭하면 텍스트에 걸린 링크를 삭제할 수 있습니다.

*주의: URL 사용 시 두 가지 주의할 점이 있습니다.

작은따옴표, 큰따옴표, 쉼표가 포함된 URL은 정상적으로 처리되지 않는다.

작은따옴표('), 큰따옴표("), 쉼표(,)가 포함된 URL을 스티비를 통해 발송하면 링크가 정상적으로 처리되지 않으며, 링크 접속이 불가합니다. 이러한 특수문자가 포함된 URL을 사용해야 하는 경우, URL 인코딩을 진행한 뒤 사용해 주세요. URL 인코딩은 여기에서 진행할 수 있습니다.