HyperForm Manual

HyperFormのマニュアル

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

フォームのサンプルコード すぐに試せるフォーム実装例を確認できます。 Slack連携の設定方法 Slackに通知を送るためのアプリ作成とWebhook設定手順です。 Googleスプレッドシート連携の設定方法 問い合わせ内容をGoogleスプレッドシートに記録する設定手順です。 独自ドメインメール設定のサンプル さくらのレンタルサーバー、エックスサーバーなどのメール設定例です。 問い合わせデータをAPIで送信する formタグを使わず、JavaScriptから問い合わせデータを送信する方法です。

フォームを設置する

フォームのサンプルコード すぐに試せるフォーム実装例を確認できます。 ファイル添付の使い方 添付ファイルを送信するフォームの実装例と注意点です。 サーバーサイドで必須項目のバリデーションをする サーバー側で必須項目を検証する設定方法です。 フォームのバリデーションサンプル HTML5のよく使うバリデーション属性の例です。 name属性の設定ルール 自動返信や通知表示に関わるname属性の設定ルールです。 input type属性の制限 送信できるinput type属性の考え方を説明します。 フォーム項目数の制限 フォーム内のinput/textarea数の扱いを説明します。 SPAでの使い方 SPAからHyperFormへ送信する場合の使い方です。 Wraptasを使って問い合わせフォームを設置する方法 Wraptasのコードブロックを使ったフォーム設置方法です。 Googleフォームとの違い 自由にマークアップしたフォームを使える点などを説明します。

メール・通知を設定する

独自ドメインメール設定のサンプル さくらのレンタルサーバー、エックスサーバーなどのメール設定例です。 独自ドメインにGmailのアドレスを設定する場合の注意 Gmailアドレスを送信元にする場合のアプリパスワード設定です。 カスタムテンプレートのよくある質問 自動返信・管理者通知のテンプレートで使える記法と注意点です。 問い合わせIDをメール内に記載する メール本文に問い合わせIDを表示する方法です。 通知に含めない項目の設定 自動返信メールや管理者通知に表示しない項目の設定方法です。

外部サービスと連携する

Slack連携の設定方法 Slackに通知を送るためのアプリ作成とWebhook設定手順です。 Googleスプレッドシート連携の設定方法 問い合わせ内容をGoogleスプレッドシートに記録する設定手順です。 問い合わせデータをAPIで送信する formタグを使わず、JavaScriptから問い合わせデータを送信する方法です。

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

ハニーポットによるスパム対策 reCAPTCHAとは別に使えるハニーポット対策の設定です。 権限設定 チームメンバーの権限の違いと設定方法です。 パススルーモード 問い合わせデータをHyperFormに保存しない運用の設定です。

チーム・管理機能を使う

オーナー権限を移譲する チームのオーナー権限を別メンバーへ移譲する方法です。

その他

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