사용 설명서 > 에디터 > 요소

요소

전체 26편

• 칼럼 폭·간격·모바일 쌓기 조절

  퍼널체인저스 에디터에서 칸 경계 손잡이로 폭을 조절하고, 태블릿·모바일 보기별로 칼럼 간격과 쌓이는 방식·순서를 바꾸는 방법을 화면과 함께 안내합니다.

• 컨테이너 ②: 배경 색·이미지·영상

  퍼널체인저스 에디터의 컨테이너에 단색, 그라데이션, 이미지, YouTube·Vimeo 영상을 배경으로 넣는 방법과 배경 맞춤·위치 설정을 화면과 함께 안내합니다.

• 구분선과 간격 요소

  퍼널체인저스 에디터에서 구분선과 간격 요소를 넣는 위치, 간격 높이를 핸들·숫자 입력·속성 패널로 바꾸는 방법, 복제와 삭제를 화면과 함께 안내합니다.

• 텍스트 AI 카피라이팅

  퍼널체인저스 에디터의 AI 카피라이팅 위치와 사용법을 화면과 함께 안내합니다. 빠른 요청 버튼 다섯 가지와 직접 입력으로 제목·텍스트 요소의 글을 AI로 고칩니다.

• 리스트와 인용구 요소

  퍼널체인저스 에디터에서 리스트와 인용구 요소를 넣는 방법, 목록 항목을 복제·이동·삭제하는 방법, 인용구 배경색을 바꾸는 방법을 화면과 함께 안내합니다.

• 이미지 팝업: 보정·마스크·모서리

  퍼널체인저스 에디터의 이미지 편집 창에서 필터 프리셋과 슬라이더로 사진 색감을 바꾸고, 모서리 반경과 마스크 모양으로 사진을 둥글게 또는 도형으로 오리는 방법을 캡처와 함께 안내합니다.

• 영상 요소: 비디오·재생 설정

  퍼널체인저스 에디터의 영상 설정 창에서 YouTube·Vimeo 주소와 비율, 모서리를 정하고 자동 재생, 음소거, 연속재생, 시작·끝 시점을 설정하는 방법을 캡처와 함께 안내합니다.

• 아이콘 요소와 아이콘 선택기

  퍼널체인저스 에디터의 아이콘 요소로 171개 아이콘을 검색해 넣고, 아웃라인·채움 스타일과 색상·크기를 정하고 넣은 뒤 바꾸는 방법을 캡처와 함께 안내합니다.

• 진행 바·평점 요소

  퍼널체인저스 에디터의 진행 바와 평점 요소를 넣고, 막대 길이·색, 글자, 별 개수를 고치는 방법을 캡처와 함께 안내합니다.

• 카카오 로그인 버튼 요소: 이동 URL·태그·리스트

  퍼널체인저스 에디터의 카카오 로그인 요소를 넣고, 로그인 후 이동 URL과 자동으로 붙일 태그·연락처 리스트를 정하는 방법과 카카오 앱 연결 위치를 캡처와 함께 안내합니다.

• 알림 박스·단계 표시 요소

  퍼널체인저스 에디터의 알림 박스와 단계 표시 요소를 넣고, 문구와 색, 현재 단계 표시를 고치는 방법을 캡처와 함께 안내합니다.

• 로그인 상태 요소(헤더용)

  퍼널체인저스 에디터의 로그인 상태 요소를 헤더에 넣고, 로그인 전후에 바뀌어 보이는 링크 문구를 고치는 방법을 캡처와 함께 안내합니다.

• 버튼 요소 ②: 아이콘 넣기

  퍼널체인저스 에디터의 버튼에 아이콘을 넣고 글자 왼쪽·오른쪽 위치, 크기, 간격, 색상, 버튼 안 정렬을 바꾸는 방법을 캡처와 함께 안내합니다.

• 버튼 요소 ③: 호버·상태별 색상

  퍼널체인저스 에디터에서 버튼에 마우스를 올리면 커지고 그림자가 생기게 하는 방법, button 태그 버튼의 호버·클릭 색을 따로 정하는 방법을 캡처와 함께 안내합니다.

• 뱃지·카드 요소

  퍼널체인저스 에디터의 뱃지와 카드 요소를 넣고, 배경색·글자색·모서리·여백·테두리·그림자를 바꾸고 복제하는 방법을 캡처와 함께 안내합니다.

• 테이블 요소

  퍼널체인저스 에디터의 테이블 요소를 넣고, 행·열을 추가하고, 범위별 배경색·글자색·테두리를 바꾸고 저장해 확인하는 방법을 캡처와 함께 안내합니다.

• 어코디언·FAQ 요소

  퍼널체인저스 에디터의 어코디언과 FAQ 요소를 넣고, 질문과 답변을 고치고 항목을 늘리는 방법을 캡처와 함께 안내합니다.

• 리드폼 요소 ②: 기존 폼 연결과 제출 후 동작

  퍼널체인저스 에디터의 리드폼을 폼 빌더에서 만든 기존 폼에 연결하고, 입력칸을 폼 필드에 짝지은 뒤 제출 후 이동 주소와 성공 메시지를 정하는 방법을 캡처와 함께 안내합니다.

• 가격표(그리드 패널): 카드 추가·간격·모바일 열 수

  퍼널체인저스 에디터의 가격표 요소를 넣고, 그리드 설정 창에서 한 줄 카드 수, 카드 추가, 카드 간격, 정렬, 모바일 칼럼 수를 바꾸는 방법을 캡처와 함께 안내합니다.

• 제목·소제목·텍스트 요소 넣고 고치기

  퍼널체인저스 에디터에서 제목, 소제목, 텍스트 요소를 넣고, 글자를 직접 고치고, 텍스트 편집 창으로 태그·글꼴·크기·정렬을 바꾸는 방법을 화면과 함께 안내합니다.

• 2열·3열 칼럼 레이아웃 만들기

  퍼널체인저스 에디터의 2열·3열 요소를 넣고, 칸 안에 요소를 채우고, 칼럼 폭과 간격을 바꾸는 방법과 모바일에서 칸이 쌓이는 모습을 화면과 함께 안내합니다.

• 컨테이너 ①: 크기와 내용 정렬

  퍼널체인저스 에디터의 컨테이너 요소를 넣고, 너비·높이·최대 너비와 내용의 가로·세로 정렬을 바꿨을 때 편집 화면이 어떻게 달라지는지 화면과 함께 안내합니다.

• 이미지 요소: 크기·정렬·링크

  퍼널체인저스 에디터에서 이미지 요소를 넣고 사진을 바꾸고, 크기 모드와 너비·정렬을 정하고, 사진에 링크를 거는 방법을 편집 화면 캡처와 함께 안내합니다.

• 버튼 요소 ①: 넣고 링크 연결하기

  퍼널체인저스 에디터에서 버튼을 넣고 문구를 고친 뒤, URL 이동이나 팝업 열기로 링크를 연결하고 새 탭 여부를 정하는 과정을 화면과 함께 안내합니다.

• 폼 임베드 요소: 만든 폼 연결하기

  에디터의 폼 임베드 요소를 넣고 폼 선택 창에서 만든 폼을 연결하는 방법, 캔버스에 보이는 모습, 연결한 폼을 다른 폼으로 바꾸는 방법을 화면과 함께 정리했습니다.

• 리드폼 요소 ①: 넣고 CRM에 연결하기

  에디터의 리드폼 요소를 넣고 문구를 고친 뒤, 새 폼 만들기로 연락처 식별 방법·리스트·태그를 정해 CRM에 연결하고 제출로 연락처가 생기는지 확인하는 방법을 화면과 함께 안내합니다.

에디터 전체 보기 · 전체 영역으로 돌아가기