HyperForm Manual

HyperFormのマニュアル

フォーム設置、通知、外部連携、メール設定など、HyperFormの使い方を目的別にまとめています。

対応状況ボードで問い合わせの対応を管理する 届いた問い合わせに「未対応・対応中・完了・対応不要」を付け、担当者やメモを残して、チームで対応漏れを防ぐ方法です。 フォームビルダーの使い方 HTMLを書かずにフォームページを作成・公開する「フォームビルダー」の使い方です。AIによる作成、埋め込みコード、プランごとの違いをまとめています。 フォームのサンプルコード すぐに試せるフォーム実装例を確認できます。 Slack連携の設定方法（Incoming Webhook） Slack側でアプリを作成し、Incoming WebhookのURLで通知を送る従来の設定手順です。 Googleスプレッドシート連携の設定方法 問い合わせ内容をGoogleスプレッドシートに記録する設定手順と、書き込みに失敗したときの再送方法です。 独自SMTP（メールサーバー）の設定サンプル 独自ドメインのアドレスを送信元にしたい場合の、さくらのレンタルサーバー・エックスサーバーでの設定値の調べ方です。 問い合わせデータをAPIで送信する formタグを使わず、JavaScriptから問い合わせデータを送信する方法です。

フォームを設置する

フォームビルダーの使い方 HTMLを書かずにフォームページを作成・公開する「フォームビルダー」の使い方です。AIによる作成、埋め込みコード、プランごとの違いをまとめています。 フォームのサンプルコード すぐに試せるフォーム実装例を確認できます。 ファイル添付の使い方 添付ファイルを送信するフォームの実装例と注意点です。 サーバーサイドで必須項目のバリデーションをする サーバー側で必須項目を検証する設定方法です。 フォームのバリデーションサンプル HTML5のよく使うバリデーション属性の例です。 name属性の設定ルール 自動返信や通知表示に関わるname属性の設定ルールです。 input type属性の制限 送信できるinput type属性の考え方を説明します。 フォーム項目数の制限 フォーム内のinput/textarea数の扱いを説明します。 フォーム送信後のリダイレクト設定 送信完了後のリダイレクト先と、送信が不正と判断された場合のリダイレクト先の設定方法・パラメータ仕様、アクセス解析（GA4）の参照元の扱い、デフォルトの送信完了画面へのGoogleタグマネージャーの設置（Partnerプラン）です。 SPAでの使い方 SPAからHyperFormへ送信する場合の使い方です。 Wraptasを使って問い合わせフォームを設置する方法 Wraptasのコードブロックを使ったフォーム設置方法です。 Googleフォームとの違い 自由にマークアップしたフォームを使える点などを説明します。

メール・通知を設定する

送信元メールアドレスの設定方法 通知メールの送信元を独自ドメインや自社のメールアドレスにする方法の選び方です。独自SMTP・Gmail連携・Microsoft連携の使い分けと、GoogleとMicrosoftの基本認証廃止への対応を説明します。 メール設定の基本項目 通知メールの件名・返信先・通知先・配信停止・ナンバリングなどの設定項目と、メールプレビューの使い方です。 独自SMTP（メールサーバー）の設定サンプル 独自ドメインのアドレスを送信元にしたい場合の、さくらのレンタルサーバー・エックスサーバーでの設定値の調べ方です。 Gmail連携でメールを送信する Gmail（またはGoogle Workspaceの独自ドメインアドレス）を送信元にするためのGmail連携の設定手順です。 Microsoft連携でメールを送信する Microsoft 365（Outlook / Exchange Online）のアドレスを送信元にするための、Microsoft連携とアプリ認証の設定手順です。SMTP AUTHの基本認証廃止スケジュールと、メールが送信できなくなったときの対処も説明します。 カスタムテンプレートの使い方 自動返信・管理者通知メールの文面を自由に書き換えるカスタムテンプレートの使い方です。入力値の埋め込み・条件分岐・複数選択の展開などを説明します。 カスタムテンプレートのよくある質問 自動返信・管理者通知のテンプレートで使える記法と注意点です。 問い合わせIDをメール内に記載する メール本文に問い合わせIDを表示する方法です。 通知に含めない項目の設定 自動返信メールや管理者通知に表示しない項目の設定方法です。 通知メールの再送と送信ステータスの確認 メールが届かないときの確認手順（配信状況・メールログの読み方）と、通知メールを再送する方法です。

外部サービスと連携する

Slackアプリで通知し、対応状況を動かす HyperFormのSlackアプリで問い合わせを通知し、通知のボタンから対応状況・担当者の変更や記録を残す方法と、毎朝のまとめの設定です。 Slack連携の設定方法（Incoming Webhook） Slack側でアプリを作成し、Incoming WebhookのURLで通知を送る従来の設定手順です。 Googleスプレッドシート連携の設定方法 問い合わせ内容をGoogleスプレッドシートに記録する設定手順と、書き込みに失敗したときの再送方法です。 Webhook連携の設定方法 問い合わせ内容を指定URLへJSONで送信するWebhook連携の設定方法と、受信側の実装に必要なリクエスト仕様（添付ファイルの取得URLを含む）です。 問い合わせデータをAPIで送信する formタグを使わず、JavaScriptから問い合わせデータを送信する方法です。

スパム対策・セキュリティ

スパムスコアとスパム判定閾値 問い合わせごとに記録されるスパムスコアの意味と、通知メール・外部連携を制御する閾値の決め方です。 ハニーポットによるスパム対策 reCAPTCHAとは別に使えるハニーポット対策の設定です。 送信元ドメイン制限 フォームの送信を自分のサイトからだけに制限する、送信元ドメイン制限の設定手順と注意点です。 IP制限 チームの管理画面へのアクセスを、許可したIPアドレスだけに制限する設定手順と注意点です。 多要素認証（2FA） ログインを認証アプリの確認コードで保護する多要素認証の設定手順と、リカバリーコードの扱いです。 権限設定 チームメンバーの権限の違いと設定方法です。 パススルーモード 問い合わせデータをHyperFormに保存しない運用の設定です。

チーム・管理機能を使う

対応状況ボードで問い合わせの対応を管理する 届いた問い合わせに「未対応・対応中・完了・対応不要」を付け、担当者やメモを残して、チームで対応漏れを防ぐ方法です。 問い合わせデータのエクスポート（CSV・ZIP） 受信した問い合わせを期間指定でCSVに、添付ファイルをZIPにまとめてダウンロードする方法です。 操作ログ フォームに対する操作の記録（誰が・いつ・何をしたか）の見方と、記録される操作の一覧です。 オーナー権限を移譲する チームのオーナー権限を別メンバーへ移譲する方法です。 設定のコピー/インポート フォームの設定をJSON形式で書き出し、別のフォームへ取り込む手順と注意点です。 Partnerプランの設定（チーム作成・白ラベル） Partnerプランでのクライアント用チームの作成と、貴社ブランドで提供する白ラベル（表示名・ロゴ・専用ドメイン）の設定方法です。

その他

更新履歴 HyperFormの主な更新内容を新しい順に確認できます。