ご要望にお応えしました：フォームのデザインと送信管理機能が登場

Calin GeorgeNovember 11, 2025

You asked, we listened: Form design & submission management is here

TeleportHQに待望の新機能が登場しました。プラットフォームに完全統合された、フォームのデザイン・管理システムです。多くの皆さまからご要望をいただいていた機能を、ついにお届けします。このアップデートにより、サードパーティ製プラグインや別サービスを使わずに、TeleportHQ内でカスタムフォームを作成し、見込み顧客の情報を収集して、送信内容を管理できます。ランディングページからフィードバックフォーム、キャンペーンの申し込みフォームまで、ブランドやワークフローに合ったフォームを効率よく作成・管理できるようになりました。

2. 新機能とその内容

新しいフォームシステムでできることをご紹介します。

自由自在にフォームを作成。
ビジュアルエディターでフォームコンテナをドラッグして配置し、入力要素（テキスト、テキストエリア、チェックボックス、ラジオボタン、セレクトボックス）や送信ボタンを追加できます。
思いどおりのデザインに。
入力欄、ボタン、エラーメッセージ、ホバー時やアクティブ時の状態をスタイリングできます。アニメーションやトランジションも追加できるため、ウェブサイトのブランドイメージに合わせた見た目や動作を実現できます。
フォーム機能をすぐに利用可能。
TeleportHQでフォームを追加したら、すぐに送信内容の収集、入力値の検証、通知の送信、データの保存が可能です。外部設定は必要ありません。
見込み顧客と送信内容を一元管理。
フォームから送信されたすべてのデータはTeleportHQ内に保存されます。エディターを離れることなく、データの表示や絞り込み（プロジェクト別）、削除ができます。
フォームの動作を設定。
送信後の動作（カスタム確認メッセージの表示、別ページへのリダイレクト）を指定し、公開中・期限切れのステータスを設定できます。reCAPTCHAによるスパム対策の有効化や、フォームの受付件数上限・有効期限の設定も可能です。
TeleportHQで構築されたあらゆるWebサイトに簡単に導入できます。
フォームとデータ収集機能はプラットフォームに組み込まれているため、外部ツールやAPIエンドポイントをつなぎ合わせなくても、すぐに利用を開始できます。

つまり、フォームの作成、スタイリング、リードの獲得、管理までを、すべてワークフローに統合したエンドツーエンドのソリューションを利用できるようになりました。
仕組みを詳しく知りたい方は、ヘルプセンターのフォームに関する記事.

3. 活用例とメリット

この機能には多くの活用方法があります。特に有効な例をいくつかご紹介します。

マーケティングキャンペーンでのリード獲得：ニュースレターの登録フォーム、電子書籍のダウンロード申請、ウェビナーの申し込みページが必要ですか？サイトのデザインに合ったカスタムフォームを作成し、リード情報を自動で収集して、送信内容を一元管理できます。
お問い合わせ・サポートフォーム：汎用的なお問い合わせウィジェットを、TeleportHQプロジェクトに直接データを送信するブランド独自のフォームに置き換えられます。プラットフォーム内でデータを受け取り、ユーザーにスムーズな体験を提供しながら、外部フォームプラグインへの依存を避けられます。
フィードバック・アンケートフォーム：テキストエリア、ラジオボタン、チェックボックスなどの入力項目を簡単に設計し、TeleportHQ内で回答を管理できます。機能のリクエスト、顧客満足度調査、NPSアンケートなどに便利です。
キャンペーン・イベント専用フォーム：フォームの公開、一時停止、期限切れの設定や、送信後のユーザーのリダイレクトを管理できます。そのため、期間限定イベントの申し込みなど、一時的なキャンペーンフォームも安心して運用できます。
再利用可能なコンポーネントとして活用：フォームはTeleportHQプロジェクト内のコンポーネントとして機能するため、一度作成・スタイリングすれば、複数のページで再利用できます。複数ページのWebサイトや複雑なUXフローも、効率よく拡張できます。
Webサイトのデザインとの統合：デザインを自由に調整できるため、フォームを後付けではなく、ブランドの一部として自然に見せられます。デザイナーやフロントエンドチームにとっても、柔軟に設計できるメリットがあります。

これらのユースケースは、この新しいフォームシステムが単なる「フォームプラグイン」ではなく、TeleportHQを活用したサイト開発とリード獲得のワークフローに欠かせない要素であることを示しています。

https://www.youtube.com/embed/arNrBzX-OnQ?feature=oembed

5. はじめ方と次のステップ

さっそく始めてみましょう。手順は次のとおりです。

TeleportHQでプロジェクトを開くか、新規作成します 。
エディターで 「Elements」 パネルを開き、「Interaction」セクションから 「Form」 要素をキャンバスにドラッグします。次に 「Input」 要素（Text、Textarea、Checkbox、Radio、Select）と 「Button」 をフォーム内にドラッグします。
フォームのスタイルを設定します。レイアウト、入力フィールド、ボタン、エラー時やホバー時の状態、アニメーションをカスタマイズして、サイトのデザインに合わせましょう。
動作を設定します。必要に応じてフォームの「action」を指定し、送信後の動作（カスタムメッセージまたはリダイレクト）を決めます。スパム対策を有効にしたり、有効期限や送信数の上限を設定したりすることもできます。
サイトまたはページを公開すると、フォームで送信を受け付けられるようになります。送信内容はTeleportHQの送信ダッシュボードから確認できます。
手順を詳しく知りたい場合は、ヘルプセンターの記事「フォームの作成と入力要素の使い方」をご覧ください。
ぜひいろいろ試してみてください。リード獲得フォームを作成し、動作をテストして、スタイルを調整し、送信内容がダッシュボードにどのように反映されるか確認しましょう。

ヒント： キャンペーンで使用する場合は、「有効」用と「終了／期限切れ」用のフォームをそれぞれ作成すると、インターフェースの一貫性を保ちながら、動作を簡単に切り替えられます。

長らく期待されていたこの機能をTeleportHQにお届けできることを、大変うれしく思います。デザインを自由にカスタマイズでき、データ収集と送信内容の管理機能を標準搭載。さらに、ウェブサイト制作のワークフローにもシームレスに統合できます。この機能によって、サイト制作やリード獲得の取り組みに新たな可能性が広がると確信しています。

新しいフォームシステムを、ぜひ今日からお試しください。TeleportHQにログインしてフォームを作成し、スタイルを整えて公開すれば、外部サービスなしですぐに情報を収集できます。いつものように、皆さまからのフィードバックもお待ちしています。フォームの活用方法や、次に追加してほしい機能、さらに改善できる点などをぜひお聞かせください。