HyperFormとは?
formタグのaction属性にURLをセットするだけで、データの管理や自動返信メールの送信などができる、ヘッドレスフォームサービスです。
UseCaseこんな時におすすめ
ヘッドレスCMS
microCMSやContentfulなどのヘッドレスCMSを使ったwebサイトにも、かんたんに問い合わせフォームを設置することができます。
管理画面内の問い合わせフォーム
input type="hidden"を使って、ログイン中のユーザーのメールアドレスや問い合わせ元のページURLをフォームに埋め込むことができます。
その他webサイト
WordPressで作ったwebサイトや、GitHub Pages上のwebサイトなどにも、自由にフォームを設置することができます。
Sample利用サンプル
HyperFormを使ったFormの実装サンプルです。
action部分にHyperFormが発行するカスタムURLをセットするだけで、
その他の部分は完全に自由にマークアップすることができます。
See the Pen お問い合わせForm シンプル by d0ne1s (@d0ne1s) on CodePen.
Function機能
カスタムURLの発行
発行されたカスタムURLをformタグに入力するだけで、問い合わせを管理することができます
スパムブロック
不正問い合わせ防止システムreCAPTCHAを標準搭載。悪質なbotによる自動投稿を防ぎます
ファイルアップロード
HTMLの記述だけで、最大15MBまでのファイルのアップロードを受け付けることができます
自動返信メール
フォーム送信後に自動返信メールを送ることができます。文面は自由にカスタマイズ可能です
リダイレクト
フォーム送信後に遷移するページのURLを、自由に設定することができます(有料プランのみ)
外部連携
問い合わせデータをSlackに通知したり、SpreadSheetに記録したり、WebhookでPostすることができます
Get Started導入までの流れ
まずはご自身の環境で、自由にformをマークアップします
formタグのaction属性に、HyperFormが発行するカスタムURLをセットします
(必要に応じて)メール通知やSlack通知、スプレッドシート連携等を設定します
Customer Voiceお客さまの声
FAQよくある質問
- Googleフォームとの違いを教えてください
-
Googleフォームと比べて、以下のようなメリットがあります
・iframeを使わずに、自社サイト内にformを設置できる
・formのデザインやマークアップ方法の自由度が高い
・メール通知を複数人に送信できる
・利用者がGoogleアカウントを持っていなくてもファイルを添付できる
・Slackやスプレッドシートとの連携が簡単
・自動返信メールの文面や送信元を柔軟にカスタマイズできる
・input type="hidden"を使ってデータを送信できる
・フォーム送信後のリダイレクト先ページを自由に設定できる(※有料プランのみ)
- inputのtype属性に設定する値に制限はありますか
-
基本的に制限はありません。text, email, password, checkbox, radio, file, date, tel, numberなど、一般的な問い合わせフォームに使われるtype属性は全てサポートしています。
- inputのname属性に設定する値に制限はありますか
-
メールアドレスの入力欄を設ける場合、必ずname属性に「email」を指定してください。(name属性がemailの項目に入力されたアドレスに、自動返信メールが送信されます)
その他の入力欄については、name属性に指定する値に制限はありません。日本語を設定することも可能です。
- フォーム要素の数に制限はありますか
-
システム上の制限はありません。ただし、1つのフォーム内の要素の数が30を超える場合の動作確認は行っていないため、動作の保証はいたしかねます。
- SPAでも使えますか
-
はい、使えます。MPAの使う場合と同じように、formタグのaction属性に、HyperFormが発行するカスタムURLをセットしてください。また非同期でデータを処理したい場合には、APIをご活用いただくことができます。
- 機密データの取り扱いについて教えてください
-
問い合わせの内容は、全て暗号化された状態でデータベースに保存されます。第三者、サービス運営会社のオペレーターなどから、問い合わせ内容が見えることはありません。
またHyperFormにおける通信は、全てSecure Sockets Layer/ Transport Layer Securityによる暗号化を行っています。
お客様のクレジットカード等の決済情報は、決済サービス「Stripe」上に暗号化された状態で保存されます。HyperFormにはStripeの決済アカウントのIDを保存しますが、カード情報自体は一切保存しません。
Plan価格とプラン
Free
0 円 / 月
機能:
累計100件までの問い合わせ※a
問い合わせ完了ページの変更
Slack連携
スプレッドシート連携
権限設定 (詳細)
※a 101件目以降の問い合わせデータは、Liteプランへのアップグレード後に閲覧できるようになります
Lite
891(税込980) 円 / 月
Freeプランの全ての機能に加えて
累計問い合わせ数無制限
月間1000件までの問い合わせ※b
累計500MBまでの添付ファイル保存
問い合わせデータの削除機能
※b 1001件目以降の問い合わせデータは、Proプランへのアップグレード後に閲覧できるようになります
Pro
5,437(税込5,980) 円 / 月
Liteプランの全ての機能に加えて
月間5000件までの問い合わせ※c
累計50GBまでの添付ファイル保存※c
CSVエクスポート
操作ログの記録
ログインユーザーのIP制限
優先サポート
※c 月間5000件・累計50GBを超えるご利用はご相談ください。超過しても自動的に追加請求されたり、フォームが停止したりすることはありません
Partnerプラン
クライアントサイトのフォームをまとめて運用できる、web制作会社向けプランです。
すべてのチームでProプラン相当以上の機能が使えます。
30,000(税込33,000) 円 / 月
クライアント何社でも
月額固定
問い合わせ数・チーム数
無制限
貴社ブランドで提供
ホワイトラベル対応
専任担当による導入
運用サポート
PartnerHyperFormパートナー
HyperFormを使ったWeb制作ができるパートナー企業です。
カードをクリックすると各社のホームページに遷移します。
Partnerプランご契約企業は掲載をご相談いただけます。
株式会社アプルーシッド
不確実性の高い新規事業を始める企業のコンサルティング事業に加え、Docswell(ドクセル)をはじめとするDXツールおよび生成AI領域のサービスを展開し、サービスを通じた企業活動の支援を行われています。
株式会社Lucky Brothers & co.
鹿児島・東京を拠点に活動するWeb企画・制作会社です。コーポレートサイト制作、プロモーション施策、Webアプリ開発などを行い、企画の発案から設計・制作までを一貫して行えることを強みとされています。
セントリックス株式会社(SENTRIX Inc.)
分析力と創造力で価値あるものを世界へ広げる、総合デジタルマーケティング企業です。WEB業界のプロフェッショナル7名が集結し、お客様のビジネス成長を加速させるため、戦略立案から実行までをワンストップで支援しております。
※パートナーに掲載希望の場合には以下のフォームよりご連絡ください。
Contactお問い合わせ
このフォームもHyperFormで作られています