LogoLogo
고객사례블로그스티비 바로가기
  • 홈
  • 스티비 시작하기
    • 개요
    • 시작 전 준비하기
      • 나만의 발신자 주소 만들기
      • 도메인 설정하기
      • 이메일 받아 볼 사람 추가하기
      • 콘텐츠 웹 발행 준비하기
    • 첫 이메일 보내기
    • 새로운 구독자 환영하기
    • 도움이 필요할 때
  • 이메일
    • 개요
    • 편집하기
      • 발송 준비하기
      • 템플릿 선택하기
      • 편집 상자 사용하기
        • 웹에서 보기
        • 텍스트
        • 이미지
        • 버튼
        • 1단 가로
        • 2단
        • 구분선
        • SNS 공유
        • SNS 링크
        • 지도
        • 동영상 미리보기
        • HTML 코드
        • 푸터
        • 공백
        • 상품 구매하기
      • 전체 스타일 설정하기
      • 수신거부 링크 추가하기
      • 개인화된 메시지 보내기
      • 이전 편집 내용으로 되돌리기
      • HTML 코드로 편집하기
    • 발송하기
      • 이메일 발송 상태 이해하기
      • 발송 기능 이해하기
      • 이메일 다시 보내기
      • 수신거부 구독자에게 이메일 보내기
      • 스팸 분류 비율 확인하기
    • 관리하기
      • 이메일 수정, 복사, 삭제하기
      • 이메일 검색하기
      • [태그]로 이메일 분류하기
    • A/B 테스트 따라하기
    • 발신자 관리하기
      • 발신자 주소 추가하기
      • SPF, DKIM 설정 이해하기
      • DMARC 설정 이해하기
    • 성과 확인하기
      • 통계 기능 이해하기
      • 이메일 통계 대시보드
      • 이메일 상세 통계
    • 이메일 공유하기
      • 이메일 공유 설정하기
      • SNS에 이메일 공유하기
      • 이메일 아카이빙하기
      • 내 홈페이지에 공유하기
    • 이메일 자동화하기
      • 자동 이메일 이해하기
      • 자동 이메일 사용하기
      • 자동 이메일 API 사용하기
      • 자동 이메일 발송하기
    • 자주 묻는 질문
  • 요금제와 결제
    • 개요
    • 요금제 이해하기
      • 요금제 이해하기
      • 요금제 종류
    • 결제하기
      • 요금제 결제하기
      • 구독자 수 구간 변경하기
    • 요금제 연장하기
    • 결제 주기 변경하기
    • 결제 정보 확인, 수정하기
      • 결제 정보 수정하기
      • 영수증 확인하기
    • 정기 결제 해지하기
    • 자주 묻는 질문
  • 사용자 및 워크스페이스
    • 개요
    • 내 정보 설정하기
      • 비밀번호 변경하기
      • 로그인용 이메일 주소 변경하기
      • 2단계 인증 설정하기
      • 탈퇴하기
    • 워크스페이스 설정하기
      • 워크스페이스 이해하기
      • 워크스페이스 만들기
      • 사용자 권한 설정하기
      • 워크스페이스 삭제하기
    • 보안 기능 설정하기
    • 자주 묻는 질문
  • 주소록
    • 개요
    • 주소록 만들고 관리하기
      • 주소록 만들기
      • 주소록 수정, 복사, 삭제하기
    • 구독자 추가하고 관리하기
      • 구독자 정보 이해하기
      • 구독 상태 이해하기
      • 구독자 추가하기
      • 구독자 정보 수정하기
      • 구독자 삭제하기
      • 수신거부 관리하기
      • 구독자 검색하기
      • 구독자 목록 내보내기
    • 구독자 분류하기
      • 세그먼트 사용하기
      • 그룹 사용하기
    • 구독자 모으기
      • 구독 받기
      • 구독자를 자동으로 분류하기
    • 구독자 통계 확인하기
      • 구독자 통계 확인하기
      • 구독자별 통계 내보내기
    • 자주 묻는 질문
  • 통계
    • 개요
    • 통계 조회하기
    • 통계 확인하기
    • 통계 내보내기
    • 자주 묻는 질문
  • 페이지
    • 개요
    • 페이지 구성 살펴보기
    • 페이지 만들고 관리하기
      • 페이지 만들기
      • 페이지 수정하기
      • 페이지 성과 추적하기
    • 페이지로 구독 받기
      • 페이지로 구독 신청 받는 방법
      • 페이지 URL 그룹 파라미터 사용하기
      • 페이지 URL 사용자 정의 필드 파라미터 사용하기
    • 구독자의 페이지 사용 방법
      • 페이지 로그인하기
      • 구독 정보 직접 수정하기
    • 자주 묻는 질문
  • 유료 구독 주소록
    • 개요
    • 유료 구독 주소록 설정하기
      • 유료 구독 주소록 만들기
      • 구독 상품 이해하기: 월간, 연간, 일회성
      • 유료 구독 폼 설정하기
      • 유료 뉴스레터 구독료 변경하기
      • 일반 주소록 → 유료 구독 주소록으로 변환하기
    • 유료 뉴스레터 운영하기
      • 유료 뉴스레터 발송하기
      • 구독자 문의 채널 설정하기
      • 유료 뉴스레터 운영 종료하기
      • 유료 뉴스레터 구독자 관리하기
        • 유료 구독 폼에서 구독하기
        • 유료 구독 주소록에 구독자 직접 추가하기
        • 유료 구독 주소록에서 구독자 구독 유형 변경하기
    • 유료 구독자 정기 결제 해지하기
    • 유료 뉴스레터 구독 환불 처리하기
    • 정산
      • 유료 구독 정산하기
      • 유료 뉴스레터 결제 내역 확인하기
      • 유료 뉴스레터 정산에 대한 세무 신고 방법
    • 자주 묻는 질문
  • 외부 서비스 연동
    • 개요
    • 카페24
      • 연동하기
      • 주요 기능 살펴보기
      • 연동 해제하기
    • 고도몰
      • 연동하기
      • 연동 해제하기
    • 식스샵
      • 연동하기
      • 주요 기능 살펴보기
      • 연동 해제하기
    • 도너스
      • 연동하기
      • 주요 기능 살펴보기
      • 연동 해제하기
    • 자주 묻는 질문
  • API, 웹훅
    • 개요
    • API 사용하기
    • 웹훅 사용하기
    • 자주 묻는 질문
  • 활용 팁
    • 오픈율 개선하기
    • 이메일 스팸 표시 방지하기
    • 자동 이메일 활용하기
    • 광고성 정보 수신 동의 여부 정기적으로 확인하기
    • 스티비의 발송 서버 예외 처리하기
    • 친구를 초대한 구독자에게 보상 주기
    • 시즌제 유료 뉴스레터 운영하기
    • 유료 뉴스레터 구독 할인 혜택 제공하기
    • 카페24 회원에게 자동 이메일 보내기
      • 카페24 회원에게 웰컴 이메일 보내기
      • 카페24 회원에게 기념일 축하 이메일 보내기
      • 카페24 회원에게 구매 유도 이메일 보내기
  • 문제 해결하기
    • 사용 중 문제가 생겼을 때
      • 받아 본 이메일이 편집한 내용과 다르게 표시될 때
      • 구독자 파일 업로드가 안 될 때
      • 이메일을 보냈지만 받아보지 못했을 때
      • 편집기의 텍스트가 모두 볼드 스타일이 적용된 것처럼 보일 때
Powered by GitBook
On this page
  • 이 글에서는
  • 버튼 상자 추가하기
  • 버튼 편집하기
  • 버튼 스타일, 정렬 변경하기
  • 버튼에 링크 삽입하기

Was this helpful?

  1. 이메일
  2. 편집하기
  3. 편집 상자 사용하기

버튼

Previous이미지Next1단 가로

Last updated 4 months ago

Was this helpful?

이 글에서는

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


버튼 상자 추가하기

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

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

버튼 편집하기

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

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

  • 텍스트 크기: 최소 12px에서 최대 60px까지 설정할 수 있습니다. 텍스트 크기에 따라 버튼 크기가 달라집니다.

  • 버튼 모양: 사각형과 라운드 중 선택할 수 있습니다.

  • 배경 색상: 버튼 색상을 선택할 수 있습니다.

  • 테두리: 버튼의 테두리 표시 여부와 테두리 색상을 선택할 수 있습니다.

  • 정렬: 왼쪽, 가운데, 오른쪽 중 버튼 정렬 방식을 선택할 수 있습니다.

버튼에 링크 삽입하기

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

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

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

  1. 단축 URL 사용 시 스팸 이메일로 분류될 확률이 높아진다.

링크 단축 서비스를 사용해서 URL을 단축하는 경우, 해당 URL이 포함된 이메일은 스팸으로 분류될 확률이 높아집니다. 되도록 단축 URL 대신 원본 URL을 사용하는 것을 권장합니다.

폰트: 스티비 에디터에서는 고딕, 명조 두 가지를 제공합니다.

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

이메일 환경에서는 웹 폰트를 사용할 수 없으므로
여기
메일머지