# Framer > Envie um formulário do Framer para o Ikiform pelo destino de webhook dele, sem código, ou renderize seu próprio formulário com um code component que envia do navegador. Formulários do Framer não conseguem enviar para uma URL de action externa, mas conseguem mandar cada envio para um webhook. Isso abre dois caminhos: manter o formulário do Framer e adicionar o Ikiform como webhook dele, ou usar um pequeno code component que envia do navegador do visitante. | | Formulário do Framer com webhook | Code component | | --- | --- | --- | | Quem faz o envio | Os servidores do Framer | O navegador do visitante | | Código | Nenhum | Um arquivo React | | Domínios permitidos | Deixe vazio: envios de servidor não têm `Origin` | Comparados ao seu domínio do Framer | | Honeypot | Não disponível | Incluso | | Os limites de taxa contam | Os endereços dos servidores do Framer | Cada visitante | | Verificação de spam do Ikiform | Deixe desativada | Deixe desativada | ## Formulário do Framer com webhook ### Passo 1: Dê nome aos inputs O Framer envia JSON com o nome de cada input como chave, então os nomes que você dá aos inputs viram os nomes dos campos no Ikiform. Use ids em minúsculas como `email` e `message`, e siga a sua [definição de campos](https://ikiform.com/pt-br/docs/fields.md), se tiver uma. ### Passo 2: Adicione o Ikiform como webhook Selecione o formulário no canvas. Ao lado de **Send To**, na barra lateral direita, escolha **Add…** > **Webhook** e cole o seu endpoint. O Framer exige uma URL `https://`, e o endpoint já é uma. `URL do webhook`: ```text https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx ``` O Framer pode assinar as requisições com um segredo. O Ikiform não verifica o header `Framer-Signature`, então o segredo é opcional aqui. ### Passo 3: Ajuste as configurações do formulário no Ikiform - Deixe **Allowed domains** vazio. O Framer envia dos servidores dele sem header `Origin`, então, com domínios definidos, todo envio é marcado como spam com `origin_mismatch`, ou recusado com **Reject**. - Deixe a verificação de spam desativada. Um envio JSON sem token recebe `403 challenge_required`, e o Framer não tem como rodar a verificação. - Escolha o [limite de taxa](https://ikiform.com/pt-br/docs/rate-limits.md) **Relaxed**. O Ikiform conta os envios por endereço IP e formulário, e todo envio vem dos servidores do Framer, não dos seus visitantes. O Framer trata qualquer resposta que não seja `2xx` como falha e tenta de novo até 5 vezes. O Ikiform responde `201` assim que o envio é armazenado. Um envio que o Ikiform rejeita, como `422 validation_failed`, falha do mesmo jeito em toda nova tentativa, então corrija a causa em vez de esperar. ## Code component Um code component renderiza um formulário de verdade na sua página, então o navegador o envia e o Ikiform vê o seu site como origem. No painel **Assets**, abra **Code**, crie um arquivo de código e cole: `IkiformContact.tsx`: ```tsx import { addPropertyControls, ControlType } from "framer"; import { type CSSProperties, type FormEvent, useState } from "react"; const field: CSSProperties = { font: "inherit", padding: "10px 12px", borderRadius: 8, border: "1px solid rgba(0, 0, 0, 0.15)", }; export default function IkiformContact({ formId, successText }: { formId: string; successText: string }) { const [status, setStatus] = useState<"idle" | "sending" | "sent" | "error">("idle"); const [message, setMessage] = useState(""); async function onSubmit(event: FormEvent) { event.preventDefault(); setStatus("sending"); try { const response = await fetch(`https://ikiform.com/f/${formId}`, { method: "POST", headers: { Accept: "application/json" }, body: new FormData(event.currentTarget), }); const result = await response.json(); if (result.ok) return setStatus("sent"); setMessage(result.error.message); } catch { setMessage("Couldn't reach the server. Try again."); } setStatus("error"); } if (status === "sent") return

{successText}

; return (