업무용 Stibee 활용법 정리(2)

4.이메일 만들기

 

이메일은 스티비에서 제작, 발송하여 구독자가 실제로 받게 되는 이메일을 말합니다. 이메일은 주소록 선택, A/B 테스트 설정, 발송정보 입력, 템플릿 선택, 콘텐츠 편집의 과정을 거쳐 제작됩니다.

 

각 단계는 화면 상단의 내비게이션 메뉴 또는 화면 하단의 이전, 다음 버튼을 클릭하여 이동할 수 있습니다.

 

 

이메일 편집은 크게 3가지 부분으로 구성되어 있습니다. (첫 단계에서 주소록을 선택하지 않으면 다음 단계로 넘어갈 수 없습니다! 처음 제작하는 경우 기본으로 생성되는 샘플 주소록을 선택해주세요)

 

 

① 전체 이메일 제작 단계를 확인할 수 있습니다. 모든 단계가 완료되어야 메일을 발송할 수 있습니다.

② 각 단계별 편집 되어야 하는 정보가 표시되는 곳 입니다. 각 단계별로 이곳에서 모든 정보가 올바로 입력되면 전체 이메일 제작 단계에 파란색 v 표시를 확인할 수 있습니다.

③ 이전단계, 다음단계로 넘어갈 수 있는 버튼입니다. 이메일 제작 단계에 이동하고 싶은 단계를 선택하여 넘어갈 수도 있습니다.

1. 이메일 만들기

상단 메뉴에서 이메일을 클릭한 뒤, 새로 만들기를 클릭하여 이메일 제작을 시작합니다.

아직 제작한 이메일이 없는 경우에는 아래와 같은 화면을 확인하실 수 있습니다. 새로 만들기 버튼을 클릭해주세요

 

 

2. 제작 이메일 종류 선택 

일반 이메일 또는 자동이메일 중 제작을 원하는 이메일을 선택할 수 있습니다. 자동이메일 기능은 유료 요금제인 스탠다드 요금제 부터 사용하실 수 있습니다. 이 도움말에서는 일반 이메일을 제작하는 방법을 기준으로 설명을 드립니다. 자동이메일 만드는 법이 궁금하신 분은 여기를 클릭해 자세한 내용을 확인해주세요!

자동이메일 사용이 가능한 스탠다드 요금제가 궁금하신 분은 여기를 클릭해서 확인해보세요!

 

 

 

 

 

3. 주소록 선택

‘주소록’ 단계에서 이메일을 발송할 주소록을 선택하고 하단의 다음을 클릭하세요.

 

구독자가 없는 주소록은 목록에 표시되지 않습니다. 주소록이 보이지 않는다면, 구독자를 추가한 뒤 다시 해보세요. 구독자를 추가하는 방법은 구독자 추가하기를 참고하세요.

 

주소록을 선택하지 않으면 A/B 테스트, 발송정보 단계로 이동할 수 없습니다. 처음 메일을 만드시는 경우라면 샘플 주소록을 선택하시어 다음 단계로 넘어갈 수 있습니다.

 

템플릿 선택과 콘텐츠 편집은 주소록을 선택하지 않아도 먼저 해볼 수 있습니다. 모든 단계를 완료해야 이메일을 발송할 수 있습니다.

4. A/B 테스트 설정하기

 

A/B 테스트는 하나의 항목에 대해 두 가지 버전으로 이메일을 발송하여 성과를 비교할 수 있는 기능입니다. A/B 테스트에 대한 자세한 사항은 A/B 테스트 따라하기를 참고하세요. A/B 테스트에 대한 내용을 설정한 후 다음을 클릭하세요.

A/B 테스트를 진행하지 않는 경우에는 아래와 같이 아니요 를 선택해주세요!

 

 

 

 

5. 발송정보 입력

발송정보는 수신자의 받은편지함에 표시되는 이메일 제목과 발신자 이름, 발신자 이메일 주소, 미리보기 텍스트를 말합니다. 이메일 정보통신망법에 따라 영리목적의 광고성 정보를 포함한 이메일은 제목에 “(광고)” 표시를 해야 합니다. 자세한 내용은 이메일 제목에 “(광고)” 표시를 꼭 해야하나요?를 참고하세요.

 

발신자 이름과 이메일 주소는 주소록에서 입력한 내용을 기본값으로 사용합니다.

 

미리보기 텍스트는 수신자의 받은편지함에서 제목 하단에 표시되는 텍스트입니다. 입력하지 않으면 이메일 콘텐츠 내용의 일부가 자동으로 표시됩니다.

 

오른쪽 화면에서 발송정보가 수신자의 받은편지함에서 어떻게 표시되는지 미리 확인해볼 수 있습니다.

 

 

6. 템플릿 선택

이메일 콘텐츠를 제작하는데 사용할 템플릿을 선택할 수 있습니다.

레이아웃 템플릿은 디자인이 되어있지 않은, 상자 레이아웃을 배치한 템플릿입니다. HTML로 만들기를 선택하면 직접 작성한 HTML 코드를 붙여넣어 이메일을 만들 수 있습니다. 자세한 내용은 HTML 코드를 직접 붙여넣을 수 있나요?를 참고하세요.

테마별 템플릿은 이메일의 목적에 따라 이미 디자인 작업이 되어있는 템플릿입니다.

콘텐츠를 작성하다가 템플릿을 변경하면, 저장된 콘텐츠는 모두 삭제됩니다.

사용할 템플릿을 선택하고 다음을 클릭하세요.

 

5.콘텐츠 편집하기

콘텐츠를 편집하는 에디터는 위지윅(WYSIWYG: What You See Is What You Get) 방식으로 동작하기 때문에, 편집과 동시에 결과물을 바로 확인할 수 있습니다.

콘텐츠 편집 화면은, 왼쪽의 상자 목록, 중앙의 편집 및 미리보기 영역, 오른쪽의 상자 및 배경 속성 패널로 구성됩니다.

 

 

1.상자 추가하기

왼쪽의 상자 목록에서 필요한 상자를 끌어다 놓으면, 원하는 위치에 상자를 추가할 수 있습니다.

 

 

 

 

 

2.상자 이동하기

추가한 상자 위에 마우스 커서를 올리면 상자 왼쪽에 상자 이동 버튼이 나타납니다.

화살표 버튼을 클릭하여 상자를 위, 아래로 이동시킬 수 있습니다.

십자 화살표 버튼을 클릭하여 상자를 직접 끌어서 원하는 위치로 이동시킬 수 있습니다.

화살표 버튼은 위, 아래로 한 칸씩 이동하기 때문에, 한 번에 여러 칸을 이동하는 경우, 십자 화살표 버튼으로 이동하는 것이 더 편리합니다.

 

 

3.상자 복사, 삭제하기

추가한 상자 위에 마우스 커서를 올리면 상자 오른쪽에 복사 버튼과 삭제 버튼이 나타납니다. 복사 버튼을 클릭하면 동일한 상자가 바로 아래에 복사됩니다. 

 

 

삭제 버튼을 클릭하면 내용이 사라집니다. 정말 삭제하시겠습니까?라는 안내 메시지가 나타나고, 예를 클릭하면 콘텐츠가 삭제됩니다. 삭제한 상자는 복구할 수 없습니다.

 

 

 

 

 

4.기본 상자 목록

본문에 추가된 상자의 특성에 따라 텍스트를 입력하거나 이미지, 버튼을 추가할 수 있습니다. 스티비에서 제공되는 상자는 텍스트 상자, 이미지 상자, 버튼 상자 등이 있습니다.

이외에도 2단 텍스트 상자, 이미지+텍스트 상자와 같이 여러 상자가 조합된 형태의 상자와, 로고 이미지 상자, SNS 링크 상자, 동영상 미리보기 상자 등 특수한 기능을 가진 상자가 있습니다.

 

텍스트 상자

텍스트 상자를 추가하면 텍스트를 입력하고 편집할 수 있습니다. 텍스트는 고딕체와 14 폰트 사이즈가 기본값으로 적용됩니다.

텍스트를 드래그하여 영역을 지정하면, 폰트, 크기, 볼드, 이탤릭, 밑줄, 색상 등 텍스트 스타일을 변경하거나 링크를 삽입할 수 있습니다.

 

 

같은 방식으로 텍스트 정렬 값을 변경하거나 목록 스타일을 적용할 수 있습니다.

 

 

 

 

 

이미지 상자

이미지 상자를 추가한 뒤 상자를 클릭하면, 이미지를 업로드할 수 있는 탐색창이 나타납니다. 원하는 이미지를 선택하거나 이미지 파일을 직접 끌어다 놓는 방식으로 추가할 수 있습니다.

 

 

이미지가 삽입된 상태에서 상자를 클릭하면, 정렬 값을 변경하거나 링크를 삽입할 수 있습니다.

 

 

 

이미지 편집 버튼을 클릭하면 자르기, 회전, 반전 등 간단한 이미지 편집을 할 수 있습니다.

 

 

 

 

푸터 상자

푸터 상자를 추가하면, 광고성 이메일에 필요한 푸터 정보를 간편하게 추가할 수 있습니다. 푸터 상자에는 회사/단체 정보, 수신거부 링크가 포함됩니다.

푸터는 주소록을 생성할 때 입력한 정보를 가지고 오기 때문에, 푸터 상자를 추가하려면 주소록 단계에서 주소록을 선택해야 합니다. 주소록을 선택하는 방법은 이메일 만들기의 2. 주소록 선택하기를 참고하세요.

 

 

 

 

 

 

버튼 상자

버튼 상자로 클릭을 유도하는 CTA 버튼을 추가할 수 있습니다. 버튼 상자를 본문에 끌어다 놓고, 버튼 안에 텍스트를 입력할 수 있습니다.

 

텍스트 크기를 바꾸면, 버튼의 크기 역시 텍스트 크기에 맞춰 변경됩니다. 버튼의 모양과 색상, 텍스트 색상을 변경할 수 있으며 정렬 값을 변경하여 버튼의 위치도 바꿀 수 있습니다.

 

 

 

 

 

 

 

상자 속성 변경하기

이미지, 텍스트, 버튼 등 추가한 구성요소의 속성 뿐만 아니라 상자 자체의 속성도 변경할 수 있습니다.

 

상자를 클릭하면 오른쪽의 상자 패널에 상자 속성을 설정할 수 있는 메뉴가 표시됩니다. 상자의 배경 색상, 테두리 색상, 테두리 두께, 상단과 하단 여백 등을 설정할 수 있습니다.

 

초기 상태로 돌아가려면, 색상 값을 삭제하고 테두리 두께를 없음으로 선택하고 상단과 하단 여백을 보통으로 선택하세요.

 

 

 

배경 속성 변경하기

이메일 콘텐츠 전체 배경의 속성도 변경할 수 있습니다. 오른쪽의 패널에서 배경을 클릭하면 배경 속성을 설정할 수 있는 메뉴가 표시됩니다.

배경 색상과 이메일 테두리 색상을 지정할 수 있습니다. 초기 상태로 돌아가려면, 색상 값을 삭제하고 테두리 두께를 없음으로 선택하세요.

데스크톱 뷰, 모바일 뷰 전환하기

편집 중인 이메일 콘텐츠를 데스크톱과 모바일 뷰로 확인할 수 있습니다. 콘텐츠 편집 화면은 데스크톱 뷰가 기본으로 설정되어 있습니다.

모바일 뷰로 전환하려면 데스크톱 아이콘 오른쪽에 있는 모바일 아이콘을 클릭하세요.

모바일에서 이메일을 확인하는 비율이 점차 증가하고 있기 때문에 모바일 뷰로 전환하여 모바일 최적화가 잘 되어있는지 확인하는 것이 중요합니다.