# Webflow 폼 제출 한도: 무엇이고 어떻게 넘어서는가

> Webflow의 무료 Starter 플랜은 사이트당 폼 제출 50건 이후로 수집을 멈추고 내보낸 사이트는 아예 수집하지 않으니, 대신 Form Block이 Ikiform을 가리키게 하세요.

2026-10-25 게시 · https://ikiform.com/ko/guides/website-builder-forms/webflow-submission-limit

무료 Starter 사이트 플랜에서 Webflow는 사이트당 총 50건의 폼 제출을 수집하며, 집계가 초기화되지 않고 그 뒤의 새 제출은 수집하지 않습니다. 유료 사이트 플랜은 무제한 제출을 내세우고, 다른 호스트로 내보낸 사이트는 폼 처리가 전혀 없습니다. Form Block에 커스텀 액션을 설정해 폼이 Ikiform으로 POST하게 하세요. Starter, 유료 플랜, 내보낸 코드 모두에서 동작합니다.

## Webflow에서 다른 점

Webflow의 한도는 예전보다 좁아졌습니다. 2026년 10월 기준 요금 페이지는 무료 Starter 사이트 플랜에 폼 제출 50건, Basic부터 모든 유료 사이트 플랜에 무제한 제출을 표시합니다. Webflow 도움말 센터에 따르면 Starter 집계는 초기화되지 않는 총계입니다. 유료 플랜의 월 한도를 인용하는 오래된 글은 이후 바뀐 요금을 설명합니다.

그렇다면 실제로 누가 벽에 부딪힐까요? 세 그룹입니다.

- **Starter에 머무는 사이트.** 사이트 플랜 없이 `webflow.io`에 게시한 개인 사이트, 사이드 프로젝트, 이벤트 페이지입니다. 봇이 폼을 찾으면 50건은 금방 찹니다.
- **스테이징에서 작업하는 에이전시.** 클라이언트가 호스팅 비용을 내기 전, 작업 중의 모든 테스트 제출이 같은 50건에 집계됩니다.
- **내보낸 사이트.** Webflow의 코드 내보내기는 HTML을 주지만, 다른 곳에 호스팅된 사이트의 폼은 Webflow가 전혀 처리하지 않습니다. 폼이 쓸모 있는 곳으로 POST하지 않습니다.

사이트가 유료 플랜이고 Webflow의 받은편지함과 알림에 만족한다면 옮길 필요가 없습니다. 유료 플랜 사용자는 다른 이유로 옮깁니다. 여러 사이트의 폼을 한곳에서 관리하거나, 자기 도구로 서명된 웹훅을 보내거나, 조정할 수 있는 스팸 필터링을 쓰거나, Webflow를 떠나도 살아남는 폼을 원해서입니다.

다이어그램: Webflow의 세 가지 상황과 각각의 대처법

1. webflow.io의 Starter 사이트는 초기화 없이 총 50건의 제출을 수집한 뒤 수집을 멈춥니다. Form Block에 커스텀 액션을 설정하세요.
2. 유료 사이트 플랜의 사이트는 제출이 무제한입니다. Webflow의 폼에 머물거나, Webflow에 없는 기능이 필요할 때만 옮기세요.
3. 내보내서 다른 곳에 호스팅한 사이트는 Webflow의 폼 처리를 받지 못합니다. 내보낸 HTML에서 폼의 action을 수정하세요.

한도는 첫 행과 마지막 행뿐입니다. 가운데 행은 한도가 아니라 기능에 관한 선택입니다.

## Designer에서 커스텀 액션 설정하기

커스텀 액션은 방문자의 브라우저가 지정한 URL로 바로 POST하게 합니다. Webflow가 POST를 처리하지 않으므로 Webflow의 폼 제출에 포함되지 않습니다. Form Block 설정은 Starter에서도 쓸 수 있으며, 이 부분에는 커스텀 코드가 필요 없습니다.

1. Ikiform 대시보드에서 폼을 만들고 엔드포인트를 복사하세요.
2. Designer에서 Form Block 자체가 아니라 그 안의 폼 요소를 선택하고 **Settings**를 여세요.
3. **Send to**에서 Webflow 자체 목적지를 제거하고 커스텀 액션을 고른 뒤, **Action**에 엔드포인트를 붙여 넣고 **Method**를 **POST**로 설정하세요.
4. 각 입력을 선택하고 **Name**을 `name`, `email`, `company`, `message` 같은 소문자 id로 설정하세요. Webflow는 레이블로 이름을 채우므로 그대로 두면 Ikiform에 `Name`과 `Field 2`가 들어옵니다.
5. 폼에서 reCAPTCHA 요소를 모두 제거하세요. Ikiform은 이를 확인하지 않으며, 토큰은 추가 필드로 도착합니다.
6. `_gotcha`라는 이름의 Input을 하나 더 추가하고 **Display: none**으로 숨긴 뒤, 커스텀 속성 `tabindex` = `-1`과 `autocomplete` = `off`를 추가하세요. 이것이 허니팟입니다.
7. `your-site.webflow.io`에 게시하세요. 커스텀 액션은 Designer 캔버스에서 실행되지 않습니다.

`Action`:

```text
https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx
```

## 방문자가 제출한 뒤 보는 것

Webflow의 성공 및 오류 블록은 Webflow가 POST를 처리할 때만 나타납니다. 커스텀 액션을 쓰면 브라우저는 대신 Ikiform의 응답을 따릅니다. 다음 중 하나를 고르세요.

| 선택지 | 플랜 | 방문자에게 보이는 것 |
| --- | --- | --- |
| 아무것도 하지 않기 | 모든 플랜 | 사이트로 돌아가는 링크가 있는 Ikiform 호스팅 감사 페이지입니다. 테스트에는 괜찮지만 실제 사이트에는 밋밋합니다 |
| **Redirect after submit** | 모든 플랜 | 직접 만든 Webflow 감사 페이지입니다. 페이지를 만들어 게시하고 전체 URL을 Ikiform 폼 설정에 붙여 넣으세요 |
| `fetch` 스크립트 | 유료 사이트 플랜 | 짧은 스크립트가 채우는 Webflow 자체 성공 및 오류 블록입니다. 커스텀 코드에는 유료 사이트 플랜이나 Workspace 플랜이 필요합니다 |

Starter에서는 리디렉션이 맞는 선택입니다. 코드가 필요 없고 사이트의 나머지와 똑같이 보입니다. 유료 플랜용 스크립트는 [Webflow 문서](https://ikiform.com/ko/docs/guides/webflow.md#keep-success-state)에 있습니다. `fetch`로 POST하므로 Ikiform의 사람 확인을 보여 줄 수 없습니다. 이를 쓴다면 **Spam check**는 끈 채로 두세요.

## 내보낸 Webflow 사이트

코드를 내보내 Netlify, Vercel, Cloudflare Pages 또는 자체 서버에 호스팅하면 폼 마크업은 따라오지만 Webflow의 폼 처리는 따라오지 않습니다. 폼이 있는 내보낸 HTML 파일을 열어 `action`과 `method`를 설정하고, 입력 이름을 바꾸고, 리디렉션과 허니팟을 추가하세요.

`contact.html`:

```html
<form id="wf-form-Contact" name="wf-form-Contact" data-name="Contact"
  method="post" action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" class="contact-form">
  <label for="name">Name</label>
  <input class="w-input" maxlength="256" name="name" id="name" type="text" required>
  <label for="email">Email</label>
  <input class="w-input" maxlength="256" name="email" id="email" type="email" required>
  <label for="company">Company</label>
  <input class="w-input" maxlength="256" name="company" id="company" type="text">
  <label for="message">Message</label>
  <textarea class="w-input" maxlength="5000" name="message" id="message" required></textarea>
  <input type="hidden" name="_redirect" value="https://studio.example/thanks">
  <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden>
  <input type="submit" class="w-button" value="Send">
</form>
```

- 내보낸 CSS가 계속 폼에 스타일을 입히도록 `w-input`과 `w-button` 클래스는 유지하세요.
- `_redirect`는 POST가 성공한 뒤 브라우저를 감사 페이지로 보냅니다. 폼의 **Allowed domains** 중 하나에 있는 `https:` URL에서만 동작합니다.
- 다음 내보내기가 Webflow 기본값으로 덮어쓰지 않도록 Designer에서도 커스텀 액션으로 같은 변경을 하세요.
- 호스트에서 한 번 제출하고 브라우저의 네트워크 패널을 보세요. POST가 Webflow 주소가 아니라 `https://ikiform.com/f/`로 가고, 리디렉션과 함께 `303`으로 응답해야 합니다.

> 내보낸 사이트를 Netlify에 호스팅한다면 같은 폼에 `data-netlify`를 추가하지 마세요. 폼은 자신의 `action`으로만 POST하므로, Netlify는 아무것도 받지 않는 폼을 **Forms** 탭에 표시하게 됩니다.

## Webflow용 허용 도메인

폼의 **Allowed domains**에 `your-site.webflow.io`와 커스텀 도메인을 추가하세요. 등록한 도메인의 서브도메인은 이미 일치하므로 `example.com`은 `www.example.com`을 포함합니다. `webflow.io`만 단독으로 추가하지 마세요. 모든 Webflow 사이트가 내 폼으로 POST할 수 있게 됩니다. 내보낸 사이트라면 호스팅된 도메인을 추가하세요.

Webflow 요금 페이지가 Premium에 포함한다고 표시하는 파일 업로드 필드는 Ikiform에 대응하는 기능이 없습니다. 파일 업로드는 아직 지원하지 않습니다. 파일이 있는 POST는 `422 files_not_supported`를 받습니다. 폼에서 업로드 필드를 제거하거나, 그 폼 하나만 Webflow에 두세요.

## Webflow에서 동작 확인하기

1. 폼의 **Allowed domains**에 사이트 도메인을 추가하고, 개발하는 동안에는 `localhost`도 추가하세요. 비워 두면 어디서든 POST를 받습니다.
2. `webflow.io`에 게시하고 Designer가 아니라 게시된 페이지에서 폼을 제출하세요.
3. 감사 페이지로 이동하는지, 스크립트를 추가했다면 Webflow의 성공 블록이 보이는지 확인하세요.
4. 대시보드에서 **Submissions**를 여세요. 보낸 모든 필드가 담긴 새 제출이 있습니다.
5. 필드 이름을 확인하세요. `Field 2`나 허니팟 없이 `name`, `email`, `company`, `message`여야 합니다.
6. 알림 수신자 각각의 받은편지함을 확인하세요. 각자 필드가 담긴 이메일을 받고, 폼에 `email` 필드가 있으면 **Reply**는 제출자에게 갑니다.
7. 사이트의 Webflow 폼 제출을 열어 테스트가 없는지 확인하세요. Webflow는 더 이상 이를 집계하지 않습니다.

## 주의할 점

| 문제 | 해결 방법 |
| --- | --- |
| 제출 뒤 `404 not_found` 응답 | **Method**가 GET입니다. **POST**로 설정하고 다시 게시하세요. |
| 내 페이지 대신 Ikiform의 감사 페이지가 나옴 | **Redirect after submit**을 Webflow 페이지의 전체 URL로 설정하고, 그 도메인을 **Allowed domains**에 추가하세요. |
| 제출이 여전히 Webflow에 나타남 | 다른 폼을 바꿨거나 게시하지 않았습니다. Form Block마다 **Send to** 설정이 따로 있으니 폼이 있는 모든 페이지를 확인하세요. |
| `Email`이나 `g-recaptcha-response` 같은 Unknown field와 함께 `422 validation_failed` | 입력 이름이 필드 id와 맞지 않거나, reCAPTCHA 요소가 아직 폼에 있습니다. 이름을 바꾸거나 제거하세요. |
| `403 origin_not_allowed`, 또는 모든 POST가 스팸으로 분류됨 | 페이지의 도메인이 폼의 **Allowed domains**에 없습니다. 도메인을 추가하고, 로컬 테스트용으로 `localhost`도 추가하세요. 등록된 도메인의 하위 도메인은 허용됩니다. |
| `422 files_not_supported` | 폼에 파일이 선택된 `<input type="file">`이 있습니다. 파일 업로드는 아직 지원하지 않습니다. 입력을 지우거나 대신 링크를 요청하세요. |

## 질문

### Webflow Starter 폼 한도는 매달 초기화되나요?

아니요. Webflow 도움말 센터는 이를 무료 Starter 플랜에서 사이트당 총 50건의 폼 제출이며 초기화되지 않는 집계라고 설명합니다. 그 뒤에는 사이트에 유료 사이트 플랜이 생길 때까지 새 제출을 수집하지 않습니다.

### 커스텀 폼 액션을 쓰려면 유료 Webflow 플랜이 필요한가요?

아니요. 커스텀 액션은 Form Block 설정입니다. 유료 사이트 플랜이나 Workspace 플랜은 Webflow의 성공 및 오류 블록을 유지하는 스크립트 같은 커스텀 코드에만 필요합니다.

### 전환한 뒤에도 제출이 Webflow에 표시되나요?

아니요. 커스텀 액션을 쓰면 Webflow는 POST를 보지 못하므로 저장하지도 알림 이메일을 보내지도 않습니다. 제출은 Ikiform 대시보드에 나타나고, Ikiform이 팀에 이메일을 보냅니다.

### 내보낸 Webflow 사이트에서 폼이 동작하나요?

Webflow를 통해서는 아닙니다. 내보낸 사이트는 폼 처리가 없으므로 폼의 action을 Ikiform 엔드포인트 같은 폼 백엔드로 설정하고 method를 post로 설정하세요.

### 폼으로 파일 업로드를 받을 수 있나요?

아직은 안 됩니다. 파일이 포함된 POST는 422 files_not_supported로 거부됩니다. 대신 공유 드라이브 URL 같은 파일 링크를 요청하세요.

## 가이드 더 보기

- [빌더 폼 한계 넘어서기](https://ikiform.com/ko/guides/website-builder-forms.md): Webflow, Netlify, Carrd, Framer 폼이 한도나 빠진 기능에 부딪히면, 디자인한 폼은 그대로 두고 대신 폼 백엔드를 가리키게 하세요.
- [Netlify Forms 한도](https://ikiform.com/ko/guides/website-builder-forms/netlify-forms-limit.md): 레거시 Netlify 플랜은 사이트별 폼 제출을 계량해 자동으로 업그레이드하고, 크레딧 플랜은 사이트를 일시 중지할 수 있으니 폼을 백엔드로 옮기세요.
- [Framer 폼](https://ikiform.com/ko/guides/website-builder-forms/framer-forms.md): Framer 폼은 이미 이메일, Sheets, 웹훅으로 보냅니다. 저장되고 걸러진 제출, 팀 알림, 더 많은 목적지를 원한다면 Ikiform을 웹훅으로 추가하세요.
- [Carrd 폼](https://ikiform.com/ko/guides/website-builder-forms/carrd-forms.md): Carrd의 문의 폼은 이메일만 보내고 커스텀 폼에는 Pro Plus가 필요하므로, 모든 제출을 저장하려면 Plus에서는 Send to URL을, Standard에서는 HTML 임베드를 쓰세요.