# Cómo añadir una lista de espera a un sitio de Carrd

> Recoge registros de lista de espera en una página de Carrd: un formulario Send to URL en Pro Plus con seguimiento UTM, o un formulario HTML incrustado con honeypot en Pro Standard.

Publicado el 2026-10-25 · https://ikiform.com/es/guides/waitlist/carrd

En Carrd Pro Plus, añade un Custom form que envíe a tu endpoint de Ikiform con el método AJAX, activa la recogida de UTM y define esos campos en Ikiform. En Pro Standard, pega en su lugar un pequeño formulario HTML en un elemento Embed; envía de la forma clásica, conserva un honeypot y devuelve a la gente a una sección de agradecimiento en la misma página.

Carrd es la forma más rápida de poner online una presentación de una sola página, lo que lo convierte en el sitio natural para una lista de espera. El formulario que puedes usar depende más de tu plan de Carrd que de cualquier cosa que construyas, así que empieza por ahí.

## Qué cambia en Carrd

- **El plan decide el formulario.** Pro Plus tiene Custom forms que envían a cualquier URL. Pro Standard tiene formularios de contacto y de registro que van a los destinos propios de Carrd, además del elemento Embed. Pro Lite no tiene formularios ni embeds.
- **Send to URL no puede ocultar un honeypot.** El Hidden field de Carrd siempre contiene el valor que preestableces, así que no puede atrapar bots. La puntuación de spam se sigue aplicando a cada envío.
- **Los envíos AJAX no pueden pasar la verificación humana.** Carrd interpreta cualquier `2xx` como éxito y cualquier otra cosa como fallo, y no puede mostrar la página de verificación de Ikiform. Deja desactivada la verificación antispam en esta vía.
- **Una página significa un solo sitio para dar las gracias.** No hay una segunda página a la que redirigir salvo que la construyas. El mensaje On Success de Carrd, o una sección en la misma página, cumple esa función.

Diagrama: Qué configuración de lista de espera en Carrd permite tu plan

1. En Pro Plus, un Custom form envía cada registro a Ikiform con el método AJAX de Carrd.
2. Ikiform lo guarda y responde 201, y Carrd muestra tu mensaje On Success sin salir de la página.
3. En Pro Standard, un elemento Embed contiene un formulario HTML sencillo que envía a Ikiform.
4. Ikiform lo guarda y redirige el navegador a la URL de _redirect, una sección de agradecimiento en tu página de Carrd.

Pro Lite y los sitios sin Pro no tienen formularios ni embeds, así que ninguna de las dos vías está disponible.

|   | Custom form con Send to URL | Elemento Embed | Formulario de registro de Carrd |
| --- | --- | --- | --- |
| Plan | Pro Plus o superior | Pro Standard o superior | Pro Standard o superior |
| Adónde van los registros | Ikiform | Ikiform | Los servicios de email compatibles con Carrd |
| Honeypot | No | Sí | La gestión propia de Carrd |
| Seguimiento UTM | Integrado | Añade tus propios inputs ocultos | Depende del servicio |
| Se queda en la página | Sí | Vuelve a una sección | Sí |

Si solo quieres la dirección en tu herramienta de email, el formulario de registro integrado de Carrd puede bastar. Ikiform se gana su sitio cuando quieres una copia guardada de cada registro, filtro de spam, un email por registro y webhooks firmados que puedes enviar a donde quieras.

## Pro Plus: un Custom form

1. Haz clic en **Add Element** › **Form**. Pon **Type** en **Custom** y luego **Send to URL**.
2. Pon la URL `https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx`, **Method** en **AJAX** y **Format** en **Default**. No elijas XML: Ikiform lo rechaza con `415`.
3. Añade un campo **Email** y pon `email` en su **Submitted ID**. Carrd genera los ID a partir de las etiquetas, así que si lo dejas vacío envía `email_address` o algo parecido.
4. Marca **Collect UTM parameters**. Carrd añade `utm_source`, `utm_medium`, `utm_campaign`, `utm_term` y `utm_content` cuando están en el enlace.
5. Pon en **On Success** un mensaje como `You're on the list. We'll email you at launch.` y en **On Failure** una línea general. Carrd muestra ahí tu propio texto salvo que actives **Export variables** y **Return endpoint responses**.

Luego añade la definición de campos en la pestaña **Fields** de Ikiform, con los campos UTM incluidos:

`Campos`:

```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 } }
  ]
}
```

- Sin los cinco campos UTM, cualquier registro que llegue desde un enlace etiquetado se rechaza con un error Unknown field, y Carrd muestra On Failure. Solo se envían cuando el enlace los tiene, así que aquí son opcionales.
- No añadas un campo **File**. Ikiform rechaza los archivos con `422 files_not_supported`.
- Los ajustes de **Events** de Carrd pueden ejecutar tu propio script al tener éxito, como una llamada de analítica. Son independientes del mensaje.

> Deja desactivada la verificación antispam y mantén los límites de frecuencia Standard. El envío sale del navegador del visitante, así que los dominios permitidos y los límites por visitante funcionan como siempre.

## Pro Standard: un formulario incrustado

Haz clic en **Add Element** › **Embed**, pon **Type** en **Code** y **Style** en **Inline**, y pega el formulario. Los embeds no se renderizan en el editor, así que publica para verlo.

`Embed`:

```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>
```

- Añade un **Section Break** llamado `joined` y pon una línea de agradecimiento después. Carrd abre una sección cuando su nombre aparece en el enlace después de `#`, así que `_redirect` lleva a la gente allí.
- Sustituye `https://example.com` por tu dirección de Carrd. `_redirect` solo funciona con una URL `https:` en uno de los **Allowed domains** del formulario, así que añade también ahí el dominio.
- `target="_top"` hace que el envío salga de cualquier frame en el que Carrd envuelva el embed, para que la redirección cargue en la ventana.
- Es un envío normal, así que la [verificación humana](https://ikiform.com/es/docs/spam.md#human-check) funciona si la activas. Sin cambios en el HTML.

### Dominios permitidos

| Dirección de Carrd | Añadir |
| --- | --- |
| URL por defecto | `your-site.carrd.co` |
| URL de Pro | `your-site.crd.co` |
| Dominio personalizado | `example.com` |

Nunca añadas `carrd.co` o `crd.co` solos; coincidirían con todos los sitios de Carrd. La [guía de Carrd de la documentación](https://ikiform.com/es/docs/guides/carrd.md) tiene la versión de formulario de contacto, y la [guía principal](https://ikiform.com/es/guides/waitlist.md#duplicates) explica los registros repetidos.

## Comprueba que funciona

1. Publica el sitio. Los formularios y los embeds solo funcionan en la página publicada.
2. En **Allowed domains** del formulario, añade el dominio de tu sitio, y `localhost` mientras desarrollas. Déjalo vacío para aceptar envíos desde cualquier sitio.
3. En Pro Plus, abre la página con `?utm_source=test` y regístrate. Carrd muestra On Success, y el envío en Ikiform tiene `utm_source` en `test`.
4. En Pro Standard, regístrate a través del embed. Llegas a la sección `#joined` de tu página.
5. Revisa la bandeja de entrada de cada destinatario de las notificaciones. Cada uno recibe un email con los campos, y **Reply** responde a quien envió el formulario cuando este tiene un campo `email`.
6. ¿No llegó nada? Cambia el filtro de estado del panel a **Spam**. El spam recibe la misma respuesta de éxito que un envío real.

## Problemas habituales

| Problema | Qué hacer |
| --- | --- |
| Carrd muestra On Failure en todos los registros | Ikiform rechazó el envío: un Unknown field por falta de definición de UTM o un Submitted ID sin configurar, `415` por XML, o `403 challenge_required` con la verificación antispam activa. |
| Los registros llegan con un campo que se llama como la etiqueta | **Submitted ID** está vacío. Pon `email` y vuelve a publicar. |
| El embed lleva a la página de agradecimiento de Ikiform, no a `#joined` | Se ignoró `_redirect`. Usa `https:` y añade el dominio de Carrd en **Allowed domains**. |
| `403 origin_not_allowed`, o todos los envíos acaban en spam | El dominio de la página no está en los **Allowed domains** del formulario. Añádelo, y también `localhost` para las pruebas locales. Los subdominios de un dominio de la lista están permitidos. |

## Preguntas

### ¿Qué plan de Carrd necesito para un formulario de lista de espera?

Pro Plus para enviar un Custom form a cualquier URL, como Ikiform. Pro Standard puede incrustar tu propio formulario HTML. Pro Lite y los sitios sin Pro no tienen formularios ni embeds.

### ¿Puedo añadir un honeypot a un formulario de Carrd?

No a un formulario Send to URL, porque el Hidden field de Carrd siempre tiene su valor preestablecido. Usa la vía del Embed si quieres un honeypot; la puntuación de spam de Ikiform se aplica en ambas.

### ¿Por qué Carrd muestra On Failure cuando el registro parece correcto?

Carrd interpreta cualquier respuesta que no sea 2xx como fallo. La causa habitual es un campo que Ikiform no conoce, como utm_source de Collect UTM parameters. Añade esos campos a la definición.

### ¿Ikiform es gratis?

No, no hay plan gratuito. Probar es gratis: puedes enviar 50 envíos de prueba al mes desde localhost antes de pagar. Para pasar a producción, Pro empieza en 6 $/mes por 500 envíos, o puedes pagar una sola vez 10.000 envíos por 49 $ o 50.000 envíos por 149 $, con créditos que nunca caducan.

## Más guías

- [Lista de espera para un nuevo SaaS](https://ikiform.com/es/guides/waitlist.md): Crea una lista de espera previa al lanzamiento en tu propia landing page: el formulario, el antispam, los duplicados, los emails de confirmación y una exportación limpia el día del lanzamiento.
- [Lista de espera en Framer](https://ikiform.com/es/guides/waitlist/framer.md): Dos formas de recoger registros de lista de espera en Framer: el formulario de Framer con un webhook a Ikiform, o un code component que conserva los límites por visitante y el antispam.
- [Lista de espera en Webflow](https://ikiform.com/es/guides/waitlist/webflow.md): Apunta un Form Block de Webflow a Ikiform, etiqueta los registros por origen con un campo oculto y conserva el estado de éxito de Webflow con un script breve para todos los formularios.
- [Lista de espera en HTML puro](https://ikiform.com/es/guides/waitlist/html.md): Una página de lista de espera completa en HTML puro y sin build que funciona con JavaScript desactivado, muestra un agradecimiento en línea cuando carga y recurre a un plan B cuando hace falta.
- [Lista para lanzar en Product Hunt](https://ikiform.com/es/guides/waitlist/product-hunt.md): Reúne una lista semanas antes de Product Hunt, etiqueta cada registro por canal y envía el email del lanzamiento en dos tandas según el reinicio en hora del Pacífico.
- [Registro a una beta con filtro](https://ikiform.com/es/guides/waitlist/beta-signup.md): Un formulario de solicitud para una beta con preguntas de filtro que aplica el servidor, y un script que puntúa a los candidatos y elige cada grupo de la lista.
