이메일 콘텐츠를 편집하는 화면입니다. 배리의 ‘이메일 에디터’라고도 할 수 있어요. 배리로 이메일을 제작하는 방법을 확인해보시고 여러분만의 이메일을 만들어 보세요.
첫 번째, 콘텐츠 에디터 영역 이해하기
•
콘텐츠 편집 화면은 사이드바 영역, 블록 영역, 뷰 영역으로 나누어져 있습니다. 사이드 바와 블록 영역에서 편집한 내용은 뷰 영역에 그대로 나타납니다.
⓵ 사이드바 & 블록 영역 이해하기
•
사이드바 영역 은 총 다섯 가지 모드로 구성되어 있는데요. 각 메뉴를 선택하면 블록 영역 에 하위 메뉴들이 표시됩니다.
블록
블록 세트
이미지를 클릭하면 큰 이미지로 확인할 수 있습니다.
‘사이드바 & 블록 영역’ GIF로 알아보기
•
블록(메인)
배리 에디터의 기본이 되는 기능으로 텍스트, 이미지, 버튼, 소셜링크, 구분선, 피드백 등을 선택해서 추가할 수 있어요. 선택된 블록은 편집 중인 콘텐츠의 하단 부분에 새롭게 추가됩니다.
•
맞춤 데이터
등록된 고객 리스트를 활용해서 수신자별 개인화된 콘텐츠를 보낼 수 있습니다. 미리 지정해놓은 고객 리스트의 추가 데이터 항목에 맞게 #이름, #이메일 등 활용 가능한 데이터가 표시되는데요. 뷰 영역에 ‘드래그&드롭’으로 추가할 수 있습니다.
•
배경
콘텐츠의 외부 배경을 설정할 수 있습니다. 색상 또는 이미지로 설정이 가능합니다.
⓶ 뷰 영역 이해하기
•
뷰 영역 은 콘텐츠를 수정하는 작업 영역입니다. 블록 위에 마우스 호버 시 다음과 같은 네비게이션 기능들이 활성화됩니다. 해당 기능을 활용해서 블록을 이동시키거나 복사, 삭제할 수 있습니다.
‘뷰 영역’ GIF로 알아보기
•
이동
드래그, 위로 이동, 아래로 이동 버튼을 통해 블록을 원하는 위치로 이동시킬 수 있습니다.
•
복제
마우스 호버된 블록을 복제할 수 있습니다. 복제 버튼을 누르면 동일한 블록이 바로 밑에 생성됩니다.
•
저장
마우스 호버된 블록을 저장할 수 있습니다. 이 기능을 통해 저장시킨 블록은 사이드바 영역의 저장한 블록에서 확인할 수 있습니다.
•
삭제
마우스 호버된 블록을 삭제합니다. 삭제된 블록은 복구할 수 없으니 신중해야 합니다.
•
블록 세트 속성(블록 세트 블록만)
블록 세트 블록의 배경, 테두리, 여백 등을 편집할 수 있습니다.
두 번째, 블록 이해하기
⓵ 블록 추가하기
•
블록 영역 에서 추가할 수 있는 기본 블록에는 텍스트, 이미지, 버튼, 소셜 링크, 구분선, 피드백이 있고, 상단 탭으로 선택 가능한 블록 세트를 확인할 수 있는데요. 원하는 블록을 클릭하면 우측 뷰 영역에 추가됩니다.
◦
블록을 선택하면 좌측에 내용과 디자인 두 개의 탭이 표시됩니다.
내용 : 블록 내부에 들어가는 구성요소를 입력하고 수정할 수 있는 영역입니다.
디자인 : 블록의 배경색이나 이미지를 변경할 수 있고, 테두리와 여백을 설정할 수 있습니다.
‘블록 추가하기’ GIF로 알아보기
▪
텍스트 블록
텍스트가 기본 요소인 블록을 추가합니다. 내용 영역에서는 글꼴, 글자 크기, 글자 색상부터 이모지, 링크 삽입까지 다양한 요소를 편집할 수 있고, 맞춤 데이터도 추가할 수 있어요. 디자인 영역에서는 배경이나 블록의 여백, 테두리 등을 수정할 수 있습니다.
‘텍스트 블록 추가’ 동영상으로 확인하기
‘이미지 블록 추가’ 동영상으로 확인하기
▪
버튼 블록
링크를 삽입할 수 있는 버튼을 생성합니다. 버튼 내 텍스트를 자유롭게 수정할 수 있고, 일반 웹페이지 링크와 수신거부 링크 2가지 방법으로 설정할 수 있습니다. 디자인 영역을 통해 버튼의 상세 디자인 편집까지 가능 합니다.
‘버튼 블록 추가’ 동영상으로 확인하기
▪
소셜 링크 블록
홈페이지, 유튜브, 인스타그램 등 버튼 스타일의 소셜 링크 블록을 추가할 수 있습니다. 해당되는 버튼에 관련 소셜 URL을 등록하면 되는데요. on/off 기능을 활용해서 노출하고 싶은 버튼만 노출시키는 것이 가능합니다.
‘소셜 링크 블록 추가’ 동영상으로 확인하기
▪
구분선 블록
구분선 블록을 추가하고 선의 모양이나 색상을 변경할 수 있습니다. 배경의 여백이나 디자인을 설정할 수 있어서 필요에 따라 다양한 연출이 가능합니다.
‘구분선 블록 추가’ 동영상으로 확인하기
‘피드백 블록 추가’ 동영상으로 확인하기
▪
블록 세트
이메일에서 자주 활용되는 형식을 여러 가지 기능의 블록 구성으로 조합한 세트인 ‘블록 세트’ 블록입니다. 각각 다른 특성을 가진 블록들이 한 블록 영역에 모여 있는 것이 특징인데요. 이미지+텍스트, 2단 이미지 등 약 30여가지의 다양한 구성을 자유롭게 활용할 수 있습니다.
‘블록세트 추가’ 동영상으로 확인하기
⓶ 블록 이동하기
•
이동 버튼
- 이동시키고 싶은 블록에 마우스를 올려서 표시되는 기능 중 ‘이동’ 버튼을 활용합니다. 해당 버튼을 클릭한 채로 마우스를 움직여 다른 위치로 블록을 이동시킬 수 있습니다.
•
화살표 버튼
- 이동시키고 싶은 블록에 마우스를 올려서 표시되는 기능 중 ‘화살표’ 버튼을 활용합니다. 화살표를 누르면 해당 방향으로 한 블럭 만큼 위치를 이동시킬 수 있습니다.
‘블록 이동하기’ 동영상으로 확인하기
⓷ 블록 편집하기
•
뷰 영역에서 편집하고 싶은 블록을 클릭하면 좌측 블록 영역이 해당 블록을 편집할 수 있는 화면으로 변경됩니다.
‘블록 편집하기’ 동영상으로 확인하기
⓸ 블록 저장하기
•
저장하고 싶은 블록에 마우스를 호버 하면 저장 버튼이 나타납니다. 저장될 블록의 이름을 지정하고 저장하기를 누르면 사이드바 영역의 저장한 블록에 해당 블록이 저장된 것을 확인할 수 있습니다.
‘블록 저장하기’ 동영상으로 확인하기
⓹ 블록 복제 및 삭제하기
•
뷰 영역에서 복제 및 삭제를 원하는 블록에 마우스를 호버 하면 해당 버튼이 나타납니다.
복제 : 복제 버튼을 클릭하면 해당 블록을 바로 하단 부분에 복제된 블록이 생성됩니다.
삭제 : 해당 블록을 삭제할 수 있습니다.
‘블록 복제 및 삭제하기’ 동영상으로 확인하기
이전 단계 이동하기
이메일 제작
이메일 템플릿 선택하기
다음 단계로 이동하기
이메일 제작
다양한 이메일 기능 활용하기