# 버튼/폼

## 버튼/폼이란?

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

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

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FuSoxr1Lqi6Ir43VC5y6m%2F%EB%B2%84%ED%8A%BC_%ED%8F%BC%20%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0.png?alt=media&#x26;token=770fb87a-6d78-4002-b4e5-3d1d6902fbaf" alt=""><figcaption></figcaption></figure>

### 블록 설정 방법

1. 사용하려는 블록을 추가합니다.
2. 퀵 메뉴의 상세설정을 클릭합니다.
3. 아래 상세 설정을 참고하여, 설정을 변경합니다.

{% hint style="info" %}
블록을 더블 클릭하여 상세 설정창을 열 수 있습니다.
{% endhint %}

## 1. 버튼 블록

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FuSoxr1Lqi6Ir43VC5y6m%2F%EB%B2%84%ED%8A%BC_%ED%8F%BC%20%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0.png?alt=media&#x26;token=770fb87a-6d78-4002-b4e5-3d1d6902fbaf" alt=""><figcaption></figcaption></figure>

#### 버튼 블록\_설정 항목

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F5CGnlOzOgI1cOmskmfoJ%2F1_%EB%B2%84%ED%8A%BC%20%EC%84%A4%EC%A0%95.png?alt=media&#x26;token=bd946691-b253-4a39-99c2-bbfe7b1273f9" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="내용 설정 항목" %}

| 설정 항목                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| <p><strong>텍스트</strong><br>버튼의 텍스트를 입력합니다.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| <p><strong>클릭 이벤트</strong><br><br>클릭 시 특정 페이지 및 위치로 이동하거나, 문자 발송 등 다양한 설정을 할 수 있습니다.</p><p><br><strong>사용하지않음</strong></p><p>블록 클릭 시 아무런 동작을 하지않습니다.</p><hr><p><strong>사이트 링크 연결</strong></p><p>블록 클릭 시 등록한 URL로 이동을 합니다.</p><ul><li>새창으로 열기 설정 시 새로운 창에서 연결이 된 링크의 사이트가 열리게 됩니다.</li></ul><hr><p><strong>내부링크연결</strong></p><p>사이트 내 특정 페이지,섹션,블록의 위치를 지정하여 이동을 합니다.</p><ul><li>페이지 이동 설정을 원하실 경우 섹션과 블록은 선택하지않음 으로 지정합니다.</li></ul><hr><p><strong>SNS 공유하기</strong></p><p>카카오톡, 네이버 카페/블로그, 페이스북, 트위터, 네이버 밴드 중 공유를 원하는 SNS 선택할 수 있습니다.</p><ul><li>버튼 클릭 시 설정한 SNS로 이동이 되어 사이트 공유를 할 수 있습니다.</li></ul><hr><p><strong>현재 URL복사하기</strong></p><p>블록이 적용이 된 페이지의 URL을 복사합니다.</p><hr><p><strong>커스텀 자바스크립트</strong></p><p>CTA 등 블록에 적용을 위한 스크립트를 적용 할 수 있습니다.</p><ul><li>스크립트 입력 시 \<script> \</script> 는 제외한 자바스크립트만 입력을 합니다.</li><li><mark style="color:red;">입력한 코드의 작동 여부 및 코드로 인해 발생하는 현상에 대해서는 조치 및 안내가 어렵습니다.</mark></li></ul><hr><p><strong>전화 걸기</strong></p><p>버튼 클릭 시 입력한 전화번호로 전화걸기를 합니다.</p><ul><li>전화번호 입력 시 - 을 포함하여 입력합니다. (예 : 010-1234-5678)</li><li>전화 걸기가 불가능한 경우 기능이 동작하지 않습니다.</li></ul><hr><p><strong>문자 보내기</strong></p><p>버튼 클릭 시 입력한 전화번호로 문자 발송을 합니다.</p><ul><li>전화번호 입력 시 - 을 포함하여 입력합니다. (예 : 010-1234-5678)</li><li>전화 걸기가 불가능한 경우 기능이 동작하지 않습니다.</li></ul><hr><p><strong>이메일 보내기</strong></p><p>버튼 클릭 시 입력한 메일 주소로 메일을 발송합니다.</p><hr><p><strong>페이지 상단 이동</strong></p><p>버튼 클릭 시 페이지 상단으로 이동합니다.</p><ul><li>헤더 숨김 시 기능이 동작하지 않습니다.</li></ul><hr><p><strong>페이지 하단 이동</strong></p><p>버튼 클릭 시 페이지 하단으로 이동합니다.</p><ul><li>푸터 숨김 시 기능이 동작하지 않습니다.</li></ul><hr><p><strong>공통 페이지 이동</strong></p><p>로그인 페이지 / 장바구니 페이지 중 이동 할 페이지 선택이 가능합니다.</p> |
| {% endtab %}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |

{% tab title="스타일 설정 항목" %}

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

## 2.입력폼 블록

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

자세한 설정 방법은 아래 내용을 참고해주세요.

### 2-1. 기본

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FZ1R9J0bMIEjc5AFjowfl%2F2_%EC%9E%85%EB%A0%A5%ED%8F%BC-%EA%B8%B0%EB%B3%B82.png?alt=media&#x26;token=d5988124-2009-4169-96f5-6257cd45ea58" alt=""><figcaption></figcaption></figure>

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

### 2-2. 구성

#### 구성\_필드(아코디언방식)

입력폼을 통해 수집하는 정보에 따라 다양한 필드를 사용해 구성을 할 수 있습니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FGTK0625Mxi6PaDVak5H0%2F3_%EA%B5%AC%EC%84%B1-%ED%95%84%EB%93%9C2.png?alt=media&#x26;token=57c73f95-ca29-433e-88ba-bc28dab96080" alt=""><figcaption></figcaption></figure>

**\[ + 입력 필드 추가]** 클릭하여, 다양한 필드를 추가할 수 있으며 각 필드의 자세한 설명은 \
아래 \[필드 상세 설정]내용을 참고 부탁드립니다.

#### 필드 상세 설정

필드의 형식은 크게 직접 입력을 하는 방식과 목록을 선택하는 방식으로 나뉘게 됩니다.

<details>

<summary> 입력 방식</summary>

입력 방식은 항목에 대한 답변은 사용자가 직접 입력하는 형태의 필드입니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2Fpbdjm2TMgN7e2Pr5P4yN%2F4_%ED%95%84%EB%93%9C_%EC%9E%85%EB%A0%A5%20%EB%B0%A9%EC%8B%9D.png?alt=media&#x26;token=2cc43864-4896-47a1-88d8-7f031b4a9e90" alt=""><figcaption></figcaption></figure>

* 단답입력 : 이름/메일주소/연락처 등의 정보를 받는 용도로 사용이 됩니다.
* 장문입력 : 사용자가 장문의 글 입력합니다.
* 주소 : 사용자의 주소를 입력합니다.
* 날짜/시간 : 날짜&시간 날짜, 시간 유형을 선택하여 사용합니다.

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

</details>

<details>

<summary>선택 방식</summary>

선택 방식은 생성 된 옵션 목록 중 사용자가 선택을 하는 형태의 필드입니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F7SI7DBGkmBGbvkcaB2sN%2F5_%ED%95%84%EB%93%9C_%EC%84%A0%ED%83%9D%20%EB%B0%A9%EC%8B%9D.png?alt=media&#x26;token=93220283-3311-499e-930e-7bcc9bd8f901" alt=""><figcaption></figcaption></figure>

* 복수선택 : 선택 옵션 중 여러개의 옵션을 선택합니다.&#x20;
* 단일선택 : 선택 옵션 중 하나의 옵션만 선택을 합니다.&#x20;
* 목록선택 : 목록 리스트 중 하나의 옵션만 선택합니다.

| 설정 항목                                                              |
| ------------------------------------------------------------------ |
| <p><strong>제목</strong><br>항목의 제목을 입력합니다.</p>                       |
| <p><strong>필수 입력</strong><br>필수로 입력을 해야할 경우 활성화 합니다.</p>           |
| <p><strong>설명</strong><br>제목 아래 보여질 필드에 대한 설명을 입력합니다.</p>          |
| <p><strong>선택 옵션</strong><br>\[+ 옵션 추가] 버튼을 클릭하여 선택 옵션을 생성합니다.</p> |
| <p><strong>너비</strong><br>입력폼에 적용 된 필드의 가로 너비를 설정합니다.</p>          |

</details>

<details>

<summary>기타 방식</summary>

기타 방식은 입력폼을 통해 추가 정보를 수집하는 목적으로 사용이 됩니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F9F2YWZ29zroZfcZ06fIW%2F6_%ED%95%84%EB%93%9C_%EA%B8%B0%ED%83%80%20%EB%B0%A9%EC%8B%9D.png?alt=media&#x26;token=d1db3a8e-2f60-4ea4-bfde-038ca3bb2287" alt=""><figcaption></figcaption></figure>

* 약관동의 : 사용자가 약관의 내용을 확인하고, 동의 체크를 하는 항목입니다.
* 파일업로드 : 사용자가 제출할 파일을 업로드 합니다.
  * 최대 20MB까지 업로드 가능
* 본문글 : 관리자가 입력폼을 통해 사용자에게 제공할 설명을 노출합니다.

| 설정 항목                                                                            |
| -------------------------------------------------------------------------------- |
| <p><strong>제목</strong><br>항목의 제목을 입력합니다.</p>                                     |
| <p><strong>필수 입력</strong><br>필수로 입력을 해야할 경우 활성화 합니다.</p>                         |
| <p><strong>설명</strong><br>제목 아래 보여질 필드에 대한 설명을 입력합니다.</p>                        |
| <p><strong>약관 내용</strong><br>약관의 내용을 입력합니다.</p><ul><li>약관 동의 필드만 사용 가능</li></ul> |
| <p><strong>스타일</strong>                                                          |
| <br>약관의 내용을 보여주는 방식을 선택합니다.</p><ul><li>약관 동의 필드만 사용 가능</li></ul>                 |
| <p><strong>너비</strong>                                                           |
| <br>입력폼에 적용 된 필드의 가로 너비를 설정합니다.</p>                                              |

</details>

#### 구성\_버튼

입력폼 제출 버튼의 명칭 및 제출 완료 시 노출이 되는 문구 등을 설정할 수 있습니다.

자세한 설정 방법은 아래 내용을 참고해주세요.

<details>

<summary>버튼 설정</summary>

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FdC0rPdjsj0TJpo0KAH2T%2F7_%EA%B5%AC%EC%84%B1-%EB%B2%84%ED%8A%BC2.png?alt=media&#x26;token=7772d9ab-1f62-4a97-af87-dc440c53d19c" alt=""><figcaption></figcaption></figure>

| 항목 설명                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| <p><strong>버튼명</strong>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| <br>버튼에 보여지는 텍스트를 기재합니다.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| <p><strong>제출 완료 안내 문구</strong>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| <br>입력폼 제출 시 얼럿을 통해 보여질 안내 문구를 입력합니다.</p><ul><li>미 입력 시 “제출이 완료되었습니다.” 의 문구가 노출 됩니다.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| <p><strong>클릭 이벤트</strong><br><br>클릭 시 특정 페이지 및 위치로 이동하거나, 문자 발송 등 다양한 설정을 할 수 있습니다.</p><p><br><strong>사용하지않음</strong></p><p>블록 클릭 시 아무런 동작을 하지않습니다.</p><hr><p><strong>사이트 링크 연결</strong></p><p>블록 클릭 시 등록한 URL로 이동을 합니다.</p><ul><li>새창으로 열기 설정 시 새로운 창에서 연결이 된 링크의 사이트가 열리게 됩니다.</li></ul><hr><p><strong>내부링크연결</strong></p><p>사이트 내 특정 페이지,섹션,블록의 위치를 지정하여 이동을 합니다.</p><ul><li>페이지 이동 설정을 원하실 경우 섹션과 블록은 선택하지않음 으로 지정합니다.</li></ul><hr><p><strong>SNS 공유하기</strong></p><p>카카오톡, 네이버 카페/블로그, 페이스북, 트위터, 네이버 밴드 중 공유를 원하는 SNS 선택할 수 있습니다.</p><ul><li>버튼 클릭 시 설정한 SNS로 이동이 되어 사이트 공유를 할 수 있습니다.</li></ul><hr><p><strong>현재 URL복사하기</strong></p><p>블록이 적용이 된 페이지의 URL을 복사합니다.</p><hr><p><strong>커스텀 자바스크립트</strong></p><p>CTA 등 블록에 적용을 위한 스크립트를 적용 할 수 있습니다.</p><ul><li>스크립트 입력 시 \<script> \</script> 는 제외한 자바스크립트만 입력을 합니다.</li><li><mark style="color:red;">입력한 코드의 작동 여부 및 코드로 인해 발생하는 현상에 대해서는 조치 및 안내가 어렵습니다.</mark></li></ul><hr><p><strong>전화 걸기</strong></p><p>버튼 클릭 시 입력한 전화번호로 전화걸기를 합니다.</p><ul><li>전화번호 입력 시 - 을 포함하여 입력합니다. (예 : 010-1234-5678)</li><li>전화 걸기가 불가능한 경우 기능이 동작하지 않습니다.</li></ul><hr><p><strong>문자 보내기</strong></p><p>버튼 클릭 시 입력한 전화번호로 문자 발송을 합니다.</p><ul><li>전화번호 입력 시 - 을 포함하여 입력합니다. (예 : 010-1234-5678)</li><li>전화 걸기가 불가능한 경우 기능이 동작하지 않습니다.</li></ul><hr><p><strong>이메일 보내기</strong></p><p>버튼 클릭 시 입력한 메일 주소로 메일을 발송합니다.</p><hr><p><strong>페이지 상단 이동</strong></p><p>버튼 클릭 시 페이지 상단으로 이동합니다.</p><ul><li>헤더 숨김 시 기능이 동작하지 않습니다.</li></ul><hr><p><strong>페이지 하단 이동</strong></p><p>버튼 클릭 시 페이지 하단으로 이동합니다.</p><ul><li>푸터 숨김 시 기능이 동작하지 않습니다.</li></ul><hr><p><strong>공통 페이지 이동</strong></p><p>로그인 페이지 / 장바구니 페이지 중 이동 할 페이지 선택이 가능합니다.</p> |

### 2-2. 구성(탭 방식)

</details>

### 2-3.스타일

스타일 설정을 통해 입력 필드와 버튼의 위치 서체, 색상 등을 설정할 수 있습니다.

자세한 설정 방법은 아래 내용을 참고해주세요.

<details>

<summary>필드설정</summary>

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F2bQyqD0jWdekjzVd5yGB%2F8_%EC%8A%A4%ED%83%80%EC%9D%BC-%ED%95%84%EB%93%9C2.png?alt=media&#x26;token=de2ea1b1-e2e8-4436-a907-9345dbe5c289" alt=""><figcaption></figcaption></figure>

| 설정항목                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>필드/버튼</strong><br>간격 : 입력 필드와 버튼 사이의 간격을 설정합니다.</p>                                                                                    |
| <p><strong>글자</strong><br>필드의 제목과 설명의 서체, 글자크기, 두께를 설정합니다.<br>색상<br>색상 코드를 입력하거나, 컬러피커에서 색상을 선택할 수 있습니다.</p><ul><li>% 조절을 통해 투명를 설정합니다.</li></ul> |
| <p><strong>입력 힌트</strong><br>필드의 입력 힌트 색상을 설정합니다.</p>                                                                                             |

</details>

<details>

<summary>버튼 설정</summary>

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FEphe3HcFqiVLqWjTzAuT%2F9_%EC%8A%A4%ED%83%80%EC%9D%BC-%EB%B2%84%ED%8A%BC2.png?alt=media&#x26;token=bdaf378b-2f8e-4548-9f0e-3f8621293845" alt=""><figcaption></figcaption></figure>

| 설정항목                                                                                                                                    |
| --------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>배치</strong><br>버튼의 정렬 위치, 너비와 높이를 설정합니다.</p>                                                                                 |
| <p><strong>글자</strong><br>필드의 제목과 설명의 서체, 글자크기, 두께를 설정합니다.</p>                                                                          |
| <p><strong>색상</strong><br>색상 코드를 입력하거나, 컬러피커에서 색상을 선택할 수 있습니다.</p><ul><li> % 조절을 통해 투명를 설정합니다.</li><li>기본설정 과 마우스 오버 개별 설정 가능</li></ul> |

</details>

## 3. 제출 내용 확인하기

### 3-1. 접수 내역 확인하기

입력폼을 통해 제출이 된 정보는 \[[관리자페이지 > 운영관리 > 콘텐츠 > 입력폼 관리](https://help.qshop.ai/customer_support/guide/admin/contents/form)]로 수집되어 \
저장이 됩니다.

### 3-2. 제출 알림 받기

사용자가 입력폼을 통해 정보를 제출 할 경우 메일, SMS/알림톡을 통해 제출 여부를 확인할 수 있습니다.\
\[[관리자페이지 > 운영관리 > 메시지 > 발신 기본설정](https://help.qshop.ai/customer_support/guide/admin/message/setting) ]에서 메일, SMS/알림톡 설정을 하실 수 있습니다.

### 3-3. 제출 정보 수집하기

&#x20;\[[재피어 연동하기](https://help.qshop.ai/customer_support/guide/admin/contents/form/zapier)] 를 통해 사용자가 제출한 폼의 내용을 구글 스프레드시트, G-mail 등으로 수집해볼 수 \
있습니다.