배리는?
home
🖌️

이메일 콘텐츠 편집하기

이메일 콘텐츠를 편집하는 화면입니다. 배리의 ‘이메일 에디터’라고도 할 수 있어요. 배리로 이메일을 제작하는 방법을 확인해보시고 여러분만의 이메일을 만들어 보세요.

첫 번째, 콘텐츠 에디터 영역 이해하기

콘텐츠 편집 화면은 사이드바 영역, 블록 영역, 뷰 영역으로 나누어져 있습니다. 사이드 바와 블록 영역에서 편집한 내용은 뷰 영역에 그대로 나타납니다.

⓵ 사이드바 & 블록 영역 이해하기

사이드바 영역 은 총 다섯 가지 모드로 구성되어 있는데요. 각 메뉴를 선택하면 블록 영역 에 하위 메뉴들이 표시됩니다.
블록
블록 세트
이미지를 클릭하면 큰 이미지로 확인할 수 있습니다.
  ‘사이드바 & 블록 영역’ GIF로 알아보기
블록(메인) 배리 에디터의 기본이 되는 기능으로 텍스트, 이미지, 버튼, 소셜링크, 구분선, 피드백 등을 선택해서 추가할 수 있어요. 선택된 블록은 편집 중인 콘텐츠의 하단 부분에 새롭게 추가됩니다.
블록 세트 이메일에서 자주 활용되는 형식을 여러 가지 기능의 블록 구성으로 조합한 세트로 합쳐진 블록입니다. 다른 블록들과 같이 세부 디자인이나 내용에 대한 수정이 가능합니다.
저장한 블록 저장해 둔 블록을 확인하고 지금 작성 중인 뷰 영역에 추가할 수 있습니다. 자주 쓰는 블록을 여러 번 만들 필요 없이, 한 번 저장해두고 필요에 따라 사용할 수 있어요.
맞춤 데이터 등록된 고객 리스트를 활용해서 수신자별 개인화된 콘텐츠를 보낼 수 있습니다. 미리 지정해놓은 고객 리스트의 추가 데이터 항목에 맞게 #이름, #이메일 등 활용 가능한 데이터가 표시되는데요. 뷰 영역에 ‘드래그&드롭’으로 추가할 수 있습니다.
배경 콘텐츠의 외부 배경을 설정할 수 있습니다. 색상 또는 이미지로 설정이 가능합니다.

⓶ 뷰 영역 이해하기

뷰 영역 은 콘텐츠를 수정하는 작업 영역입니다. 블록 위에 마우스 호버 시 다음과 같은 네비게이션 기능들이 활성화됩니다. 해당 기능을 활용해서 블록을 이동시키거나 복사, 삭제할 수 있습니다.
  ‘뷰 영역’ GIF로 알아보기
이동 드래그, 위로 이동, 아래로 이동 버튼을 통해 블록을 원하는 위치로 이동시킬 수 있습니다.
복제 마우스 호버된 블록을 복제할 수 있습니다. 복제 버튼을 누르면 동일한 블록이 바로 밑에 생성됩니다.
저장 마우스 호버된 블록을 저장할 수 있습니다. 이 기능을 통해 저장시킨 블록은 사이드바 영역의 저장한 블록에서 확인할 수 있습니다.
삭제 마우스 호버된 블록을 삭제합니다. 삭제된 블록은 복구할 수 없으니 신중해야 합니다.
블록 세트 속성(블록 세트 블록만) 블록 세트 블록의 배경, 테두리, 여백 등을 편집할 수 있습니다.

두 번째, 블록 이해하기

⓵ 블록 추가하기

블록 영역 에서 추가할 수 있는 기본 블록에는 텍스트,  이미지,  버튼,  소셜 링크,  구분선,  피드백이 있고, 상단 탭으로 선택 가능한  블록 세트를 확인할 수 있는데요. 원하는 블록을 클릭하면 우측 뷰 영역에 추가됩니다.
블록을 선택하면 좌측에 내용디자인 두 개의 탭이 표시됩니다.
내용 : 블록 내부에 들어가는 구성요소를 입력하고 수정할 수 있는 영역입니다. 디자인 : 블록의 배경색이나 이미지를 변경할 수 있고, 테두리와 여백을 설정할 수 있습니다.
  ‘블록 추가하기’ GIF로 알아보기
  텍스트 블록 텍스트가 기본 요소인 블록을 추가합니다. 내용 영역에서는 글꼴, 글자 크기, 글자 색상부터 이모지, 링크 삽입까지 다양한 요소를 편집할 수 있고, 맞춤 데이터도 추가할 수 있어요. 디자인 영역에서는 배경이나 블록의 여백, 테두리 등을 수정할 수 있습니다.
‘텍스트 블록 추가’ 동영상으로 확인하기
  이미지 블록 이미지를 추가할 수 있는 블록을 생성합니다. 이미지 업로드 버튼을 통해 원하는 이미지를 직접 추가할 수 있고 URL로 이미지를 업로드할 수도 있습니다. 특히, 이미지 검색하기GIF 검색하기 등 검색 기능을 활용하면 별도 이미지 작업 없이도 활용도 높은 이미지와 GIF를 이메일에 바로 적용할 수 있습니다.
‘이미지 블록 추가’ 동영상으로 확인하기
버튼 블록 링크를 삽입할 수 있는 버튼을 생성합니다. 버튼 내 텍스트를 자유롭게 수정할 수 있고, 일반 웹페이지 링크와 수신거부 링크 2가지 방법으로 설정할 수 있습니다. 디자인 영역을 통해 버튼의 상세 디자인 편집까지 가능 합니다.
‘버튼 블록 추가’ 동영상으로 확인하기
소셜 링크 블록 홈페이지, 유튜브, 인스타그램 등 버튼 스타일의 소셜 링크 블록을 추가할 수 있습니다. 해당되는 버튼에 관련 소셜 URL을 등록하면 되는데요. on/off 기능을 활용해서 노출하고 싶은 버튼만 노출시키는 것이 가능합니다.
‘소셜 링크 블록 추가’ 동영상으로 확인하기
구분선 블록 구분선 블록을 추가하고 선의 모양이나 색상을 변경할 수 있습니다. 배경의 여백이나 디자인을 설정할 수 있어서 필요에 따라 다양한 연출이 가능합니다.
‘구분선 블록 추가’ 동영상으로 확인하기
피드백 블록 고객들의 응답을 수집할 수 있는 피드백 블록을 추가합니다. 별, 숫자, 텍스트 등 선택지의 스타일을 다양하게 편집할 수 있어, 딱 보기에도 쉬운 디자인으로 수신자들의 더 많은 참여를 유도할 수 있습니다. 또, 로그인이 없이도 응답이 가능할 수 있는 쉬운 프로세스를 제공하기 때문에 더욱 신뢰도 높은 답변을 받을 수 있습니다. 피드백에 대한 실시간 데이터는 이메일 캠페인의 통계보기를 통해 확인할 수 있어요.
‘피드백 블록 추가’ 동영상으로 확인하기
  블록 세트 이메일에서 자주 활용되는 형식을 여러 가지 기능의 블록 구성으로 조합한 세트인 ‘블록 세트’ 블록입니다. 각각 다른 특성을 가진 블록들이 한 블록 영역에 모여 있는 것이 특징인데요. 이미지+텍스트, 2단 이미지 등 약 30여가지의 다양한 구성을 자유롭게 활용할 수 있습니다.
‘블록세트 추가’ 동영상으로 확인하기

블록 이동하기

  이동 버튼 - 이동시키고 싶은 블록에 마우스를 올려서 표시되는 기능 중 ‘이동’ 버튼을 활용합니다. 해당 버튼을 클릭한 채로 마우스를 움직여 다른 위치로 블록을 이동시킬 수 있습니다.
  화살표 버튼 - 이동시키고 싶은 블록에 마우스를 올려서 표시되는 기능 중 ‘화살표’ 버튼을 활용합니다. 화살표를 누르면 해당 방향으로 한 블럭 만큼 위치를 이동시킬 수 있습니다.
‘블록 이동하기’ 동영상으로 확인하기

블록 편집하기

뷰 영역에서 편집하고 싶은 블록을 클릭하면 좌측 블록 영역이 해당 블록을 편집할 수 있는 화면으로 변경됩니다.
‘블록 편집하기’ 동영상으로 확인하기

⓸ 블록 저장하기

저장하고 싶은 블록에 마우스를 호버 하면 저장 버튼이 나타납니다. 저장될 블록의 이름을 지정하고 저장하기를 누르면 사이드바 영역의 저장한 블록에 해당 블록이 저장된 것을 확인할 수 있습니다.
‘블록 저장하기’ 동영상으로 확인하기

⓹ 블록 복제 및 삭제하기

뷰 영역에서 복제 및 삭제를 원하는 블록에 마우스를 호버 하면 해당 버튼이 나타납니다.
복제 : 복제 버튼을 클릭하면 해당 블록을 바로 하단 부분에 복제된 블록이 생성됩니다. 삭제 : 해당 블록을 삭제할 수 있습니다.
‘블록 복제 및 삭제하기’ 동영상으로 확인하기
이전 단계 이동하기  이메일 제작  이메일 템플릿 선택하기
다음 단계로 이동하기  이메일 제작  다양한 이메일 기능 활용하기