버튼/폼

버튼/폼의 블록 종류와 설정 방법을 알아봅니다.

버튼/폼이란?

버튼/폼에는 버튼 블록과 입력폼 블록을 담고 있습니다.

버튼 블록은 URL입력을 하여 특정 사이트로 이동 및 내부 콘텐츠의 위치로 이동 등 다방면의 용도로 사용이 됩니다.

입력폼 블록은 신청서, 설문조사 등을 항목을 다양하게 생성하여 사용자에게 정보를 받기 위한 용도로 사용이 됩니다. 등록이 된 정보는 관리자 페이지의 [운영관리 > 콘텐츠 > 입력폼 관리]를 통해 관리가 가능합니다.

블록 설정 방법

1. 사용하려는 블록을 추가합니다.

2. 퀵 메뉴의 상세설정을 클릭합니다.

3. 아래 상세 설정을 참고하여, 설정을 변경합니다.

블록을 더블 클릭하여 상세 설정창을 열 수 있습니다.

1. 버튼 블록

사이트 링크연결, 내부 링크 연결 등 다양한 클릭 이벤트를 활용할 수 있습니다.

버튼 블록_설정 항목

내용 설정 항목

설정 항목
텍스트 버튼의 텍스트를 입력합니다.
클릭 이벤트 클릭 시 특정 페이지 및 위치로 이동하거나, 문자발송 등 다양한 설정을 할 수 있습니다.

스타일 설정 항목

설정 항목
글자 버튼의 서체, 글자크기, 두께를 설정합니다.
색상 색상 코드를 입력하거나, 컬러피커에서 색상을 선택할 수 있습니다. % 조절을 통해 투명를 설정합니다. 기본설정 과 마우스 오버 개별 설정 가능

2.입력폼 블록

입력폼은 신청서, 설문조사 등을 항목을 다양하게 생성하여 사용자에게 정보를 받기 위한 용도로 사용이 됩니다. 등록이 된 정보는 관리자 페이지의 [운영관리 > 콘텐츠 > 입력폼 관리]를 통해 관리가 가능합니다.

입력폼 블록_설정 항목

2-1. 기본

설정 항목
DB 연동 기존에 생성이 된 입력폼을 불러옵니다. * 하나의 입력폼을 여러 페이지에 중복 사용 가능
이름 관리를 위한 입력폼의 이름을 설정합니다.

2-2. 구성

필드 설정

필드 설정 항목
+ 입력 필드 추가 단답입력, 주소 등 사용자에게 받을 정보 형식에 맞는 필드를 생성합니다.

필드 설정의 자세한 내용은 필드 상세 설정 탭을 참고해주세요.

필드 상세 설정

필드는 목적에 따라 다양한 필드를 제공하고 있습니다. 필드의 형식은 크게 직접 입력을 하는 방식과 목록을 선택하는 방식으로 나뉘게 됩니다.

입력 방식

예시 - 단답 입력 설정

• 단답입력 : 이름/메일주소/연락처 등의 정보를 받는 용도로 사용이 됩니다.

• 장문입력 : 사용자가 장문의 글 입력합니다.

• 주소 : 사용자의 주소를 입력합니다.

• 날짜/시간 : 날짜&시간 날짜, 시간 유형을 선택하여 사용합니다.

설정 항목
제목 항목의 제목을 입력합니다.
필수 입력 필수로 입력을 해야할 경우 활성화 합니다.
설명 제목 아래 보여질 필드에 대한 설명을 입력합니다.
힌트 텍스트 입력 필드에 보여질 안내 텍스트를 입력합니다. 단답 입력, 장문 입력 필드만 사용 가능
유형 입력창의 표시 형태를 선택합니다. 단답 입력, 날짜/시간 필드만 사용 가능
너비 입력폼을 차지하는 필드의 가로 너비를 설정합니다.

선택 방식

예시 - 단일 선택 설정

1. 복수선택 : 선택 옵션 중 여러개의 옵션을 선택합니다.

2. 단일선택 : 선택 옵션 중 하나의 옵션만 선택을 합니다.

3. 목록선택 : 목록 리스트 중 하나의 옵션만 선택합니다.

설정 항목
제목 항목의 제목을 입력합니다.
필수 입력 필수로 입력을 해야할 경우 활성화 합니다.
설명 제목 아래 보여질 필드에 대한 설명을 입력합니다.
선택 옵션 [+ 옵션 추가] 버튼을 클릭하여 선택 옵션을 생성합니다.
너비 입력폼을 차지하는 필드의 가로 너비를 설정합니다.

기타 방식

예시 - 약관 동의 설정

• 약관동의 : 사용자가 약관의 내용을 확인하고, 동의 체크를 하는 항목입니다.

• 파일업로드 : 사용자가 제출할 파일을 업로드 합니다.

  • 최대 20MB까지 업로드 가능

• 본문글 : 관리자가 입력폼을 통해 사용자에게 제공할 설명을 노출합니다.

설정 항목
제목 항목의 제목을 입력합니다.
필수 입력 필수로 입력을 해야할 경우 활성화 합니다.
설명 제목 아래 보여질 필드에 대한 설명을 입력합니다.
약관 내용 약관의 내용을 입력합니다. 약관 동의 필드만 사용 가능

버튼 설정

버튼 설정 항목
텍스트 버튼에 보여지는 텍스트를 기재합니다.
클릭 이벤트 클릭 시 특정 페이지 및 위치로 이동하거나, 문자발송 등 다양한 설정을 할 수 있습니다.

2-3.스타일

필드 설정

필드 설정 항목
필드/버튼 간격 : 입력 필드와 버튼 사이의 간격을 설정합니다.
글자 이미지의 제목과 설명의 글자 설정을합니다. 제목과 설명 개별 설정 가능

버튼 설정

버튼 설정 항목
배치 버튼의 정렬 위치, 너비와 높이를 설정합니다.
글자 버튼의 서체와 크기, 두께를 설정합니다.
색상 텍스트, 버튼 배경 색상 및 투명도를 설정합니다. 기본상태와 마우스오버 개별 설정 가능

3. 제출 내용 확인하기

3-1. 접수 내역 확인하기 입력폼을 통해 제출이 된 정보는 [관리자페이지 > 운영관리 > 콘텐츠 > 입력폼 관리]로 수집되어 저장이 됩니다.

3-2. 제출 알림 받기 사용자가 입력폼을 통해 정보를 제출 할 경우 메일, SMS/알림톡을 통해 제출 여부를 확인할 수 있습니다. [관리자페이지 > 운영관리 > 메시지 > 발신 기본설정 ]에서 메일, SMS/알림톡 설정을 하실 수 있습니다.

3-3. 제출 정보 수집하기 [재피어 연동하기] 를 통해 사용자가 제출한 폼의 내용을 구글 스프레드시트, G-mail 등으로 수집해볼 수 있습니다.