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

무료 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를 떠나도 살아남는 폼을 원해서입니다.

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 캔버스에서 실행되지 않습니다.

https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx

방문자가 제출한 뒤 보는 것

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

Starter에서는 리디렉션이 맞는 선택입니다. 코드가 필요 없고 사이트의 나머지와 똑같이 보입니다. 유료 플랜용 스크립트는 Webflow 문서에 있습니다. fetch로 POST하므로 Ikiform의 사람 확인을 보여 줄 수 없습니다. 이를 쓴다면 Spam check는 끈 채로 두세요.

내보낸 Webflow 사이트

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

<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으로 응답해야 합니다.

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는 더 이상 이를 집계하지 않습니다.

주의할 점

질문