# Carrd 사이트에 대기자 명단 추가하는 방법

> Carrd 페이지에서 대기자 명단 가입 받기: Pro Plus에서 UTM 추적이 되는 Send to URL 폼, 또는 Pro Standard에서 허니팟이 있는 임베드 HTML 폼.

2026-10-25 게시 · https://ikiform.com/ko/guides/waitlist/carrd

Carrd Pro Plus에서는 AJAX 방식으로 Ikiform 엔드포인트에 보내는 Custom 폼을 추가하고, UTM 수집을 켜고, 그 필드를 Ikiform에 정의하세요. Pro Standard에서는 대신 Embed 요소에 작은 HTML 폼을 붙여 넣으세요. 일반적인 방식으로 POST하고, 허니팟을 유지하며, 같은 페이지의 감사 섹션으로 사람들을 돌려보냅니다.

Carrd는 한 페이지짜리 소개를 가장 빨리 올리는 방법이라 대기자 명단을 두기에 자연스러운 곳입니다. 어떤 폼을 쓸 수 있는지는 무엇을 만드느냐보다 Carrd 플랜에 달려 있으니 거기서 시작하세요.

## Carrd에서 다른 점

- **플랜이 폼을 결정합니다.** Pro Plus에는 어떤 URL로든 보내는 Custom 폼이 있습니다. Pro Standard에는 Carrd 자체 대상으로 가는 문의 폼과 가입 폼, 그리고 Embed 요소가 있습니다. Pro Lite에는 폼도 임베드도 없습니다.
- **Send to URL은 허니팟을 숨길 수 없습니다.** Carrd의 Hidden 필드에는 항상 미리 정한 값이 들어가므로 봇을 잡을 수 없습니다. 스팸 점수는 여전히 모든 POST에 적용됩니다.
- **AJAX POST는 사람 확인을 실행할 수 없습니다.** Carrd는 `2xx`를 모두 성공으로, 나머지는 실패로 읽으며 Ikiform의 확인 페이지를 보여 줄 수 없습니다. 이 방식에서는 스팸 검사를 꺼 두세요.
- **페이지가 하나라 감사 인사를 할 곳도 하나입니다.** 따로 만들지 않는 한 리디렉션할 두 번째 페이지가 없습니다. Carrd의 On Success 메시지나 같은 페이지의 섹션이 그 역할을 합니다.

다이어그램: 플랜별로 가능한 Carrd 대기자 명단 구성

1. Pro Plus에서는 Custom 폼이 Carrd의 AJAX 방식으로 각 가입을 Ikiform에 보냅니다.
2. Ikiform이 저장하고 201로 응답하면, Carrd가 페이지를 떠나지 않고 On Success 메시지를 보여 줍니다.
3. Pro Standard에서는 Embed 요소에 Ikiform으로 POST하는 일반 HTML 폼을 넣습니다.
4. Ikiform이 저장하고 브라우저를 _redirect URL, 즉 Carrd 페이지의 감사 섹션으로 리디렉션합니다.

Pro Lite와 Pro가 아닌 사이트에는 폼도 임베드도 없으므로 어느 방식도 쓸 수 없습니다.

|   | Custom 폼, Send to URL 방식 | Embed 요소 | Carrd 가입 폼 |
| --- | --- | --- | --- |
| 플랜 | Pro Plus 이상 | Pro Standard 이상 | Pro Standard 이상 |
| 가입이 가는 곳 | Ikiform | Ikiform | Carrd가 지원하는 이메일 서비스 |
| 허니팟 | 아니요 | 예 | Carrd 자체 처리 |
| UTM 추적 | 기본 제공 | 숨겨진 입력을 직접 추가 | 서비스에 따라 다름 |
| 페이지에 머무름 | 예 | 섹션으로 돌아옴 | 예 |

이메일 도구에 주소만 있으면 된다면 Carrd의 기본 가입 폼으로 충분할 수 있습니다. 모든 가입의 저장본, 스팸 필터링, 가입마다 이메일, 어디로든 보낼 수 있는 서명된 웹훅이 필요할 때 Ikiform이 제 몫을 합니다.

## Pro Plus: Custom 폼

1. **Add Element** › **Form**을 클릭하세요. **Type**을 **Custom**으로, 이어서 **Send to URL**로 설정하세요.
2. URL을 `https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx`로, **Method**를 **AJAX**로, **Format**을 **Default**로 설정하세요. XML은 고르지 마세요. Ikiform이 `415`로 거부합니다.
3. **Email** 필드 하나를 추가하고 **Submitted ID**를 `email`로 설정하세요. Carrd는 라벨로 ID를 만들므로 비워 두면 `email_address` 같은 이름이 전송됩니다.
4. **Collect UTM parameters**를 선택하세요. 링크에 UTM 매개변수가 있으면 Carrd가 `utm_source`, `utm_medium`, `utm_campaign`, `utm_term`, `utm_content`를 추가합니다.
5. **On Success**를 `You're on the list. We'll email you at launch.` 같은 메시지로, **On Failure**를 일반적인 문구로 설정하세요. **Export variables**와 **Return endpoint responses**를 켜지 않는 한 Carrd는 그곳에 여러분이 쓴 문구를 보여 줍니다.

그런 다음 Ikiform의 **Fields** 탭에 UTM 필드를 포함한 필드 정의를 추가하세요.

`필드`:

```json
{
  "version": 1,
  "title": "Waitlist",
  "fields": [
    { "id": "email", "type": "email", "label": "Email", "required": true },
    { "id": "utm_source", "type": "text", "label": "UTM source", "validation": { "max_length": 100 } },
    { "id": "utm_medium", "type": "text", "label": "UTM medium", "validation": { "max_length": 100 } },
    { "id": "utm_campaign", "type": "text", "label": "UTM campaign", "validation": { "max_length": 100 } },
    { "id": "utm_term", "type": "text", "label": "UTM term", "validation": { "max_length": 100 } },
    { "id": "utm_content", "type": "text", "label": "UTM content", "validation": { "max_length": 100 } }
  ]
}
```

- UTM 필드 다섯 개가 없으면 태그가 붙은 링크로 들어온 가입은 Unknown field 오류로 거부되고, Carrd는 On Failure를 보여 줍니다. 링크에 있을 때만 전송되므로 여기서는 선택 필드입니다.
- **File** 필드는 추가하지 마세요. Ikiform은 파일을 `422 files_not_supported`로 거부합니다.
- Carrd의 **Events** 설정으로 성공 시 분석 호출 같은 자체 스크립트를 실행할 수 있습니다. 메시지와는 별개입니다.

> 스팸 검사는 끄고 Standard 레이트 리밋을 유지하세요. POST는 방문자의 브라우저에서 오므로 허용 도메인과 방문자별 한도가 평소처럼 작동합니다.

## Pro Standard: 임베드 폼

**Add Element** › **Embed**를 클릭하고, **Type**을 **Code**로, **Style**을 **Inline**으로 설정한 뒤 폼을 붙여 넣으세요. 임베드는 빌더에서 렌더링되지 않으므로 게시해야 볼 수 있습니다.

`임베드`:

```html
<form class="iki-waitlist" action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" method="post" target="_top">
  <input name="email" type="email" placeholder="you@company.com" aria-label="Email" autocomplete="email" required>
  <input type="hidden" name="_redirect" value="https://example.com/#joined">
  <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden>
  <button type="submit">Join the waitlist</button>
</form>

<style>
  .iki-waitlist { display: flex; flex-wrap: wrap; gap: 8px; max-width: 440px; margin: 0 auto; }
  .iki-waitlist input[type="email"] { flex: 1 1 220px; font: inherit; padding: 12px 14px; border: 1px solid #d4d4d4; border-radius: 8px; }
  .iki-waitlist button { font: inherit; padding: 12px 18px; border: 0; border-radius: 8px; background: #111; color: #fff; cursor: pointer; }
</style>
```

- `joined`라는 이름의 **Section Break**를 추가하고 그 뒤에 감사 문구를 두세요. Carrd는 링크의 `#` 뒤에 섹션 이름이 있으면 그 섹션을 열므로, `_redirect`가 사람들을 그곳으로 데려갑니다.
- `https://example.com`을 Carrd 주소로 바꾸세요. `_redirect`는 폼의 **Allowed domains** 중 하나에 있는 `https:` URL일 때만 작동하므로 그곳에도 도메인을 추가하세요.
- `target="_top"`은 Carrd가 임베드를 감싸는 프레임을 POST가 벗어나게 해서, 리디렉션이 창 전체에 로드되도록 합니다.
- 일반 POST이므로 [사람 확인](https://ikiform.com/ko/docs/spam.md#human-check)을 켜면 작동합니다. HTML은 바꿀 필요가 없습니다.

### 허용 도메인

| Carrd 주소 | 추가할 것 |
| --- | --- |
| 기본 URL | `your-site.carrd.co` |
| Pro URL | `your-site.crd.co` |
| 커스텀 도메인 | `example.com` |

`carrd.co`나 `crd.co`만 단독으로 추가하지 마세요. 모든 Carrd 사이트가 일치하게 됩니다. [Carrd 문서 가이드](https://ikiform.com/ko/docs/guides/carrd.md)에 문의 폼 버전이 있고, [메인 가이드](https://ikiform.com/ko/guides/waitlist.md#duplicates)에서 반복 가입을 설명합니다.

## 작동 확인하기

1. 사이트를 게시하세요. 폼과 임베드는 게시된 페이지에서만 작동합니다.
2. 폼의 **Allowed domains**에 사이트 도메인을 추가하고, 개발 중에는 `localhost`도 추가하세요. 비워 두면 어디서 온 POST든 받습니다.
3. Pro Plus에서 `?utm_source=test`로 페이지를 열고 가입하세요. Carrd가 On Success를 보여 주고, Ikiform의 제출에는 `utm_source`가 `test`로 설정되어 있습니다.
4. Pro Standard에서 임베드로 가입하세요. 페이지의 `#joined` 섹션으로 이동합니다.
5. 알림 수신자마다 받은편지함을 확인하세요. 각자 필드가 담긴 이메일을 받으며, 폼에 `email` 필드가 있으면 **Reply**(답장)는 제출자에게 갑니다.
6. 아무것도 안 왔나요? 대시보드의 상태 필터를 **Spam**으로 바꿔 보세요. 스팸도 실제 제출과 같은 성공 응답을 받습니다.

## 주의할 점

| 문제 | 해결 방법 |
| --- | --- |
| 모든 가입에서 Carrd가 On Failure를 보여 줌 | Ikiform이 POST를 거부했습니다. UTM 정의가 없거나 Submitted ID가 설정되지 않아 생긴 Unknown field, XML 때문의 `415`, 또는 스팸 검사가 켜져 있어 생긴 `403 challenge_required`입니다. |
| 라벨 이름을 딴 필드로 가입이 들어옴 | **Submitted ID**가 비어 있습니다. `email`로 설정하고 다시 게시하세요. |
| 임베드가 `#joined`가 아니라 Ikiform 감사 페이지로 이동함 | `_redirect`가 무시되었습니다. `https:`를 쓰고 **Allowed domains**에 Carrd 도메인을 추가하세요. |
| `403 origin_not_allowed`이거나 모든 POST가 스팸으로 분류됨 | 페이지의 도메인이 폼의 **Allowed domains**에 없습니다. 도메인을 추가하고, 로컬 테스트용으로 `localhost`도 추가하세요. 등록된 도메인의 하위 도메인은 허용됩니다. |

## 질문

### 대기자 명단 폼에는 어떤 Carrd 플랜이 필요한가요?

Ikiform 같은 임의의 URL로 Custom 폼을 보내려면 Pro Plus가 필요합니다. Pro Standard는 직접 만든 HTML 폼을 임베드할 수 있습니다. Pro Lite와 Pro가 아닌 사이트에는 폼도 임베드도 없습니다.

### Carrd 폼에 허니팟을 추가할 수 있나요?

Send to URL 폼에는 안 됩니다. Carrd의 Hidden 필드에는 항상 미리 정한 값이 들어가기 때문입니다. 허니팟이 필요하다면 Embed 방식을 쓰세요. Ikiform의 스팸 점수는 두 방식 모두에 적용됩니다.

### 가입에 문제가 없어 보이는데 Carrd가 왜 On Failure를 보여 주나요?

Carrd는 2xx가 아닌 응답을 모두 실패로 읽습니다. 흔한 원인은 Collect UTM parameters가 보내는 utm_source처럼 Ikiform이 모르는 필드입니다. 그 필드들을 정의에 추가하세요.

### Ikiform은 무료인가요?

아니요, 무료 플랜은 없습니다. 테스트는 무료입니다. 결제 전에 localhost에서 매달 테스트 제출 50건을 보낼 수 있습니다. 실제 운영하려면 제출 500건에 월 $6부터인 Pro를 쓰거나, 한 번 결제로 제출 10,000건에 $49 또는 50,000건에 $149를 낼 수 있으며, 크레딧은 만료되지 않습니다.

## 가이드 더 보기

- [새 SaaS용 대기자 명단](https://ikiform.com/ko/guides/waitlist.md): 내 랜딩 페이지에 출시 전 대기자 명단을 만듭니다. 폼, 스팸 방지, 중복 처리, 확인 이메일, 출시일의 깔끔한 내보내기까지 다룹니다.
- [Framer 대기자 명단](https://ikiform.com/ko/guides/waitlist/framer.md): Framer에서 대기자 명단 가입을 받는 두 가지 방법: 웹훅으로 Ikiform에 보내는 Framer 폼, 또는 방문자별 한도와 스팸 검사를 유지하는 코드 컴포넌트입니다.
- [Webflow 대기자 명단](https://ikiform.com/ko/guides/waitlist/webflow.md): Webflow Form Block을 Ikiform으로 연결하고, 숨겨진 필드로 가입 경로를 태그하고, 짧은 스크립트로 모든 폼에서 Webflow의 성공 상태를 유지합니다.
- [일반 HTML 대기자 명단](https://ikiform.com/ko/guides/waitlist/html.md): 빌드 없이 일반 HTML로 만든 완전한 대기자 명단 페이지로, JavaScript가 꺼져도 작동하고, 스크립트가 로드되면 인라인 감사 문구를 보여 주며, 필요할 때는 기본 방식으로 돌아갑니다.
- [Product Hunt 출시 리스트](https://ikiform.com/ko/guides/waitlist/product-hunt.md): Product Hunt 몇 주 전부터 출시 리스트를 모으고, 가입마다 채널 태그를 달고, 태평양 시간 리셋에 맞춰 출시일 이메일을 두 번에 나눠 보냅니다.
- [선별 기능이 있는 베타 신청](https://ikiform.com/ko/guides/waitlist/beta-signup.md): 서버가 강제하는 선별 질문이 있는 베타 신청 폼과, 지원자에게 점수를 매겨 목록에서 기수별 참가자를 고르는 스크립트입니다.