웹페이지 콘텐츠 편집하기

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

사이드바 영역 은 총 다섯 가지 모드로 구성되어 있는데요. 각 메뉴를 선택하면 블록 영역 에 하위 메뉴들이 표시됩니다.

블록(메인) 블록 화면의 기본이 되는 기능으로 텍스트, 이미지, 버튼, 소셜링크, 구분선, 피드백, 유튜브 등을 선택해서 추가할 수 있어요. 선택된 블록은 블록 영역 에서 편집 중인 콘텐츠의 하단 부분에 새롭게 추가됩니다.

블록 세트 각 영역에 맞는 기본적인 블록의 형식들이 준비되어 있습니다. 목적에 맞게 블록 세트를 추가하고 내용을 수정할 수 있어요.

저장한 블록 기존에 저장한 블록을 확인하고 추가할 수 있습니다. 자주 쓰는 블록을 여러 번 만들 필요 없이, 한 번 저장해두고 필요에 따라 사용하면 됩니다.

맞춤 데이터 맞춤 데이터는 유료 플랜 + 애드온 기능을 구독해야 사용 가능한 옵션입니다. 맞춤 데이터를 활용해서 고객별 개인화된 데이터를 보낼 수 있습니다.

배경 콘텐츠 외부 배경을 설정할 수 있습니다. 색상 또는 이미지로 설정이 가능합니다.

뷰 영역 에서는 직접 콘텐츠를 수정할 수 있어요. 블록 위에 마우스 호버 시 다음과 같은 내비게이션 기능들이 활성화됩니다.

이동 드래그, 위로 이동, 아래로 이동 버튼을 통해 블록을 원하는 위치로 이동시킬 수 있습니다.

복제 마우스 호버 된 블록을 복제할 수 있습니다. 복제 버튼을 누르면 동일한 블록이 바로 밑에 생성됩니다.

저장 마우스 호버 된 블록을 저장할 수 있습니다. 저장된 블록은 사이드바 영역의 저장한 블록에서 관리할 수 있습니다.

삭제 해당 블록을 삭제합니다. 삭제된 블록은 복구할 수 없으니 신중해야 합니다.

블록 세트 속성(블록 세트 블록일 경우에만 생성) 블록 세트로 생성한 블록의 배경(색상, 이미지 등), 테두리, 여백 등을 편집할 수 있습니다.

페이지 영역 은 페이지를 추가하거나, 삭제, 이동이 가능한 영역입니다. GIF 이미지로 확인해볼까요?

이 페이지 영역안에 구성된 페이지에 마우스를 올려보면 네비게이션 기능이 활성화 되는데요. 다음과 같은 설정이 가능합니다.

뷰 영역 에서 제작한 페이지를 원하는 위치에 이동하거나 복사할 수 있습니다.

뷰 영역 에서 + 버튼을 눌러 쉽게 새로운 페이지를 추가할 수 있고 마우스 호버 하면 나오는 - 버튼을 눌러 원치 않는 페이지를 삭제할 수 있습니다.

블록 영역 에서 추가할 수 있는 기본 블록에는 텍스트,   이미지,   버튼,   소셜 링크,   구분선,   피드백,   유튜브 등이 있고, 상단 탭을 통해 선택 가능한   블록 세트를 확인할 수 있습니다. 원하는 블록을 클릭하면 우측 뷰 영역에 추가됩니다.

  텍스트 블록 텍스트가 기본 요소인 블록을 추가합니다. 내용 영역에서는 글꼴, 글자 크기, 글자 색상부터 이모지, 링크 삽입까지 다양한 요소를 편집할 수 있고, 맞춤 데이터도 추가할 수 있어요. 디자인 영역에서는 배경이나 블록의 여백, 테두리 등을 수정할 수 있습니다.

  이미지 블록 이미지를 추가할 수 있는 블록을 생성합니다. 이미지 업로드 버튼을 통해 원하는 이미지를 직접 추가할 수 있습니다. 특히, 검색 기능을 활용해서 이미지나 GIF를 검색, 적용까지 원스톱으로 진행할 수 있습니다.

버튼 블록 링크를 삽입할 수 있는 버튼 블록을 생성합니다. 버튼 내 텍스트와 클릭 시 액션을 수정할 수 있고, 디자인 영역을 통해 버튼의 세부적인 디자인을 수정할 수 있습니다. 버튼 클릭 시 액션으로 단순히 랜딩페이지 링크 열기 뿐만 아니라, 페이지 이동, 전화걸기, SMS 보내기, 이메일 보내기 등 다양한 액션 설정이 가능합니다.

소셜 링크 블록 홈페이지, 유튜브, 인스타그램 등 버튼화된 소셜 링크를 간편하게 추가할 수 있습니다. 관련 URL을 등록하고, on/off를 통해 노출하고 싶은 링크만 선별적으로 노출할 수 있습니다.

구분선 블록 구분선을 추가하고 선 모양이나, 색상을 변경할 수 있습니다. 배경의 여백이나 디자인을 설정할 수 있어서 필요에 따라 다양한 연출이 가능합니다.

피드백 블록 고객들의 응답을 수집할 수 있는 피드백 블록을 추가합니다. 별, 숫자, 텍스트 등 선택지의 스타일을 다양하게 편집할 수 있어, 딱 보기에도 쉬운 디자인으로 더 많은 고객들의 참여를 유도할 수 있습니다. 로그인이 없이도 응답이 가능할 수 있는 쉬운 프로세스를 제공하기 때문에 더욱 신뢰도 높은 답변을 받을 수 있습니다. 피드백에 대한 실시간 데이터는 해당 캠페인의 통계보기를 통해 확인할 수 있어요.

유튜브 블록 유튜브 링크 영상을 불러올 수 있는 블록을 추가합니다. 유튜브 링크만 활용 가능하며, 해당 블록을 통해 콘텐츠 상에서 바로 영상 재생이 가능해요. * 네이버tv, Vimeo 등 다른 동영상 플랫폼의 영상 활용할 수 없습니다.

  블록 세트 블록 영역의 ‘블록 세트’ 탭을 통해 목적에 맞는 세트를 선택하면, 뷰 영역에 블록 세트가 추가됩니다.

  이동 버튼 - 이동시키고 싶은 블록에 마우스를 올려서 표시되는 기능 중 ‘이동’ 버튼을 활용합니다. 해당 버튼을 클릭한 채로 마우스를 움직여 다른 위치로 블록을 이동시킬 수 있습니다.

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

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

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

뷰 영역에서 복제 및 삭제를 원하는 블록에 마우스를 호버 하면 해당 버튼이 나타납니다.

미리보기 버튼을 누르면 제작한 콘텐츠를 모바일 버전과 pc 버전 두 가지로 미리 볼 수 있습니다. 텍스트 크기가 적당한지, 이미지나 링크 연결은 잘 동작하는지 등 실제 배포한 콘텐츠와 같은 버전을 확인할 수 있습니다.

미리보기 화면에서 나가기 를 누르면 에디터로 돌아갈 수 있습니다.