Añade un agente de voz con IA a un sitio de Carrd (2026)

Cómo añadir AnveVoice a un sitio de Carrd

En Carrd añade un elemento Embed, pon Type en Code, Style en Hidden con la ubicación Body End, pega la etiqueta de AnveVoice y publica. La documentación de Carrd indica que el elemento Embed requiere un plan Pro Standard o superior. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Add Element, Embed, Type Code, Style Hidden, Body End
• Límite del plan: Documentación de Carrd: Pro Standard o superior; Pro Lite no menciona embeds
• Código necesario: Ninguno
• Se activa: Los embeds no muestran nada en el editor; publica para verlos

Por qué Carrd es un caso especial

Carrd construye sitios sencillos de una sola página, y no tiene una pantalla de ajustes con cuadros de cabecera y pie. Todo pasa por elementos, incluido el código personalizado. La documentación de Carrd indica que el elemento Embed te permite insertar HTML, CSS y JavaScript personalizados prácticamente en cualquier parte de un sitio, y que usarlo requiere un plan Pro Standard o superior. La página de planes de Carrd enumera los dominios propios y los embeds para Pro Standard y Pro Plus, y menciona Pro Lite con URL premium pero sin embeds. Así que un sitio gratuito de Carrd, y un sitio Pro Lite, no pueden instalar AnveVoice con este método. Si estás en uno de esos planes y quieres un agente de voz, debes actualizar o construir la página en otro lugar. Obtén tu ID de incrustación en app.anvevoice.app; el plan gratuito de AnveVoice cuesta $0, con 50.000 tokens al mes y sin tarjeta.

• 1. Copia la etiqueta — Sustituye YOUR_EMBED_ID por tu propio ID. Opcional: &position=bottom-left, &theme=dark. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Añade el elemento Embed

• 1. Añade un elemento — En el editor de Carrd haz clic en Add Element y luego elige Embed.
• 2. Define el tipo — Pon Type en Code.
• 3. Pega la etiqueta — Pega la línea de AnveVoice en el campo Code. Carrd acepta HTML simple, CSS en etiquetas style y JavaScript en etiquetas script.
• 4. Ponle una etiqueta — Opcionalmente pon Label en algo como AnveVoice, para encontrar el embed después entre tus elementos.
• 5. Elige Hidden — Pon Style en Hidden. Inline mostraría el código exactamente donde está el embed; Hidden lo envía al head o al body.
• 6. Elige Body End — Con Hidden seleccionado, elige Body End, que inserta el código justo antes de la etiqueta de cierre body. Head y Body Top son las otras dos opciones.
• 7. Publica — Publica el sitio. Carrd indica que el embed no muestra nada en el editor y que debes publicar para ver funcionar el código.

Particularidades de Carrd

• Un embed, todo el sitio. Los sitios de Carrd son de una sola página, y un embed oculto queda fuera del flujo normal de elementos, así que puedes moverlo a cualquier lugar de la lista de elementos, por ejemplo al final, sin efecto visual.
• Sin vista previa en el editor. Como el elemento no renderiza nada en el editor, no puedes evaluarlo hasta que publiques. Publica en un borrador o en una dirección de prueba primero si quieres una prueba segura.
• Varios sitios, varios embeds. Cada sitio de Carrd es independiente, así que añade la etiqueta en cada sitio donde quieras el agente, con el ID de incrustación correcto.
• Plan gratuito frente a plan de pago en AnveVoice. El plan gratuito de AnveVoice cubre un bot, suficiente para un sitio de Carrd; añade más bots con el plan Growth o Scale si gestionas varios.

Úsalo como complemento de una página de aterrizaje

Carrd es popular para las páginas de enlace en la biografía y las pequeñas páginas de campañas. Un agente de voz encaja bien con ese tipo de página: los visitantes que no quieren leer pueden simplemente preguntar. Recuerda que AnveVoice responde a partir del contenido que le des, así que conecta la URL de tu página de Carrd al configurar el bot y mantén exacto el texto de la página. El agente solo funciona en el navegador, dentro de la página; no atiende llamadas telefónicas.

Comprueba que funciona

• 1. Abre la URL publicada — Usa una ventana privada para no ver una copia en caché.
• 2. Busca el botón — Busca el micrófono redondo en la esquina inferior derecha de la pantalla.
• 3. Di algo — Haz clic, permite el micrófono (la página debe usar HTTPS) y pregunta sobre tu página.

Problemas frecuentes

• No encuentras Embed: tu plan no lo incluye. Revisa si tienes Pro Standard o Pro Plus.
• Embed añadido pero sin botón: no has publicado, o Style sigue en Inline y el código está en el lugar equivocado.
• Botón ausente tras un cambio de tema o de layout: comprueba que el embed sigue activado y que no se borró al reorganizar los elementos.
• Dos botones: dos embeds contienen la etiqueta; borra uno.

Fuentes

• Documentación de Carrd: incrustar código personalizado (https://carrd.com/docs/building/embedding-custom-code) — consultado el 2026-10-14
• Carrd: planes Pro (dominios propios e incrustaciones) (https://carrd.com/pro) — consultado el 2026-10-14

Relacionado

• Cómo agregar AnveVoice a un sitio de Webflow
• Cómo añadir AnveVoice a un sitio de Framer
• Cómo añadir AnveVoice a un sitio web de Strikingly
• Cómo añadir AnveVoice a un sitio web HTML sencillo

Prueba AnveVoice en tu sitio

Plan gratuito: 0 US$, 50.000 tokens al mes, sin tarjeta. Obtén tu ID de inserción en el panel y pega una etiqueta.