# Fluent Forms 플러그인

## Fluent Forms로 문의하기 페이지 만들기

> **Fluent Forms**는 워드프레스에서 가장 직관적인 폼 플러그인 중 하나로,\
> 드래그 앤 드롭으로 쉽게 문의폼을 만들고, 제출된 데이터를 관리할 수 있습니다.

***

### ✅ 1단계. Fluent Forms 설치 및 활성화

1. **관리자 로그인 → 플러그인 > 새로 추가**
2. 우측 상단 검색창에 `Fluent Forms` 입력
3. 다음과 같은 플러그인을 찾습니다:
   * **Fluent Forms – Custom Form Builder**
   * 아이콘: 파란색 `F` 로고
   * 설치 수: 200,000+ 이상
4. **\[지금 설치] → \[활성화]** 클릭

> 좌측 메뉴에 `Fluent Forms` 항목이 생성되면 설치 완료

<figure><img src="https://4220784099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB8IFzwx1VIyf7PTeYybj%2Fuploads%2FyYnLho7vhJikmx2qPzLE%2Fimage.png?alt=media&#x26;token=5b2913e5-2797-4722-8f52-75541fcb9d15" alt=""><figcaption></figcaption></figure>

***

### ✅ 2단계. 새 문의 폼 만들기

1. 좌측 메뉴 → `Fluent Forms > 양식` 클릭
2. 상단 \[ + 새 양식 추가 ] 버튼 클릭
3. 템플릿 중 **Contact Form (연락 양식)** 선택
4. 이름: 예) `문의하기`

#### ✏️ 기본 포함 필드:

* 이름 (Name)
* 이메일 (Email)
* 메시지 (Message)

#### 💡 필요한 경우 필드 추가 가능:

* 전화번호, 첨부파일, 드롭다운, 체크박스 등

5. 편집 완료 후 우측 상단 **\[저장]** 클릭

<figure><img src="https://4220784099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB8IFzwx1VIyf7PTeYybj%2Fuploads%2FCtxV0ivcgWgnyeoMDClX%2Fimage.png?alt=media&#x26;token=d3eb6147-dcf4-4e41-aaae-8d32c99cf177" alt=""><figcaption></figcaption></figure>

***

### ✅ 3단계. 페이지에 문의 폼 삽입

1. 좌측 `페이지 > 새로 만들기` 클릭 → 제목: `문의하기`  [#undefined-2](https://s-organization-887.gitbook.io/hostyle-web/wordpress-1/undefined-4#undefined-2 "mention")
2. 본문 입력 영역에서 `+` 클릭 → `Fluent Forms` 블록 선택
3. 드롭다운에서 방금 만든 폼 (예: `문의하기`) 선택
4. 또는 **숏코드**로 삽입:

   ```
   [fluentform id="1"]
   ```
5. 상단 \[발행] 또는 \[공개] 클릭

<figure><img src="https://4220784099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB8IFzwx1VIyf7PTeYybj%2Fuploads%2FhbI61Iu9vsiiioEypydM%2Fimage.png?alt=media&#x26;token=29a10c89-667d-4729-9160-d82692677157" alt=""><figcaption></figcaption></figure>

***

### ✅ 4단계. 제출된 문의 내용 확인

1. 좌측 메뉴 → `Fluent Forms > 항목` 클릭
2. 폼 -> 항목을 선택하면 **문의 접수 내역 리스트**가 나옵니다.

   * 이름, 이메일, 메시지, 제출 시각
   * 엑셀 다운로드, 필터링 기능 제공

   <figure><img src="https://4220784099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB8IFzwx1VIyf7PTeYybj%2Fuploads%2FadlmQSjuz3fnbblRlH7H%2Fimage.png?alt=media&#x26;token=06296f20-6d48-45c5-a130-73ae45333292" alt=""><figcaption></figcaption></figure>

***

### ✨ 추가 설정 팁

| 기능       | 설정 위치                       | 설명                 |
| -------- | --------------------------- | ------------------ |
| 이메일 알림   | `양식 편집 > 설정 > 알림`           | 관리자 메일로 자동 수신 가능   |
| 응답 메시지   | `양식 편집 > 설정 > 확인 메시지`       | 전송 후 표시되는 문구 변경 가능 |
| 필수 입력 설정 | 각 필드 클릭 → "필수 항목" 체크        | 누락 방지              |
| 스팸 방지    | reCAPTCHA 또는 honeypot 사용 가능 | 봇 등록 방지            |

***

### 📌 결과 예시

> `https://yourdomain.com/contact` 페이지에서\
> 이름, 이메일, 메시지를 입력 후 \[보내기] 클릭 →\
> 문의 내용은 관리자 화면에서 바로 확인 가능

<figure><img src="https://4220784099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB8IFzwx1VIyf7PTeYybj%2Fuploads%2FcRrn6S6MyJfYW3u6KjQD%2Fimage.png?alt=media&#x26;token=1e362e29-c261-40f3-a5ac-ce6f0f0fed19" alt=""><figcaption></figcaption></figure>
