設置
貼る場所は、1か所だけ。
どの作り方でも、やることは同じです。DNSの設定も、SMTPの契約も要りません。YOUR_FORM_ID は、無料で登録するか npx nintact init で発行できます。
素のHTML
置きたい場所にこの1行。フォームはその位置に描かれます。
<script src="https://nintact.com/embed.js"
data-nintact="YOUR_FORM_ID" async></script>すでにフォームがある
作り直さなくても、送信先を書き換えるだけで受け取れます。見た目も項目もそのまま。
<form action="https://nintact.com/api/f/YOUR_FORM_ID" method="POST">
<input name="name" required>
<input name="email" type="email" required>
<textarea name="message" required></textarea>
<button type="submit">送信</button>
</form>Next.js（App Router）
npm パッケージのコンポーネントを置くだけ。サーバー側の準備は要りません。
// npm i nintact
import { NintactForm } from "nintact/react";
export default function Contact() {
return <NintactForm formId="YOUR_FORM_ID" />;
}自分で作ったフォーム（fetch）
受け口は公開・CORS開放。クライアントから直接呼べます（APIキーは不要・使わないこと）。
await fetch("https://nintact.com/api/f/YOUR_FORM_ID", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ name, email, message }),
});Astro / Nuxt / SvelteKit
静的書き出しでも動きます。サーバーもSMTPも要りません。
<!-- .astro / .vue / .svelte のテンプレートにそのまま -->
<script src="https://nintact.com/embed.js"
data-nintact="YOUR_FORM_ID" async></script>WordPress
カスタムHTMLブロックに貼ります。プラグインは不要です。
<!-- カスタムHTML ブロック -->
<script src="https://nintact.com/embed.js"
data-nintact="YOUR_FORM_ID" async></script>STUDIO / Wix / ペライチなど
「埋め込み」「カスタムコード」のブロックに貼ります。
<div data-nintact="YOUR_FORM_ID"></div>
<script src="https://nintact.com/embed.js" async></script>AIアシスタントから設定する
Claude Code や Cursor に作らせているなら、フォームの発行もそこから終わります。端末にコードが表示され、メールで承認するだけでキーが手に入ります。
npx nintact init # フォームを作り、貼るコードを出す
npx nintact messages # 届いた問い合わせを見る
# MCP（Claude Desktop / Cursor など）npx nintact-mcpエージェント向けの説明は /llms.txt にまとめてあります。画面でできることは、すべて API からもできます。