Webマーケティング

Webサイトの入力フォームの作り方3選｜おすすめツールについても

2023.01.20

Webサイトの入力フォームの作成方法は大きく分けて以下の3つです。

フォーム作成ツールの利用
コーディング
CMSの機能を使用

この記事ではそれぞれのフォーム作成方法のメリットやデメリット、ケース別におすすめの作成方法を解説します。

またフォーム作成ツールも無料・有料とも紹介するので「入力フォームを作成したいけど、低価格で手軽に導入する方法はないかな」「高性能で分析が簡単にできる方法が知りたい」という方はぜひ参考にしましょう。

Webサイトの入力フォームの作り方3選

Webサイトの入力フォームの作成方法は次の3つです。

フォーム作成ツールの利用：既存のシステムを変えたくない場合におすすめ
コーディング：デザインを自由にカスタマイズしたい場合におすすめ
CMSの機能を使用：手軽にフォームを導入したい場合におすすめ

それぞれの特徴やメリット、デメリットについて紹介します。

入力フォームの作成方法1：フォーム作成ツールの利用

フォーム作成ツールとはフォームの作成や（サービスによって）効果測定や問い合わせなどの付随業務を効率化するサービスです。導入対象のサイト外部でフォームを作成し、サイトに埋め込むことで入力フォームとして機能します。

フォーム作成ツールのメリットは、サービスの多彩さと既存システムを変えなくて良いことです。すでに完成されたシステムにフォーム機能を追加したい、という場合には最も良い選択でしょう。また「特定のこの機能が欲しい」という場合にもツールの導入により手軽にサイトに導入も可能です。

ただしデザインが自由にならないサービスも多く、フォームを自由にデザインしてサイトのイメージをしっかりフォームにも落とし込みたい、といったケースでは次に紹介するコーディングが適しているでしょう。

入力フォームの作成方法2：HTMLやCSSなどでコーディング

デザインの自由度が最も高い方法が、コーディングにより入力フォームを内製する方法です。

コーポレートサイトであれば会社のブランディングや方向性をフォームでも出したい、サービスサイトやLPであれば動きをつけて独自性のあるフォームにしたい、といった場合におすすめ。

しかしフォームとしてきちんと機能させるにはHTMLやCSS、PHPなどのプログラミング言語で作成する必要があるので、リソースの確保ができない場合にはおすすめできません。

また計測などの機能を実装する際にも、すべて自作する必要があるので都度工数がかかってしまう点もデメリットです。

入力フォームの作成方法3：CMSの機能を使う

CMSの機能を使う方法は、ここで紹介する3つの方法の中では最も手軽です。

WordPressであればプラグインを導入し少し設定するだけでフォームとして利用可能になるので、手間をかけずにサイトにフォームを用意したい場合におすすめ。

WordPress以外にも、 LeadGridやa-blog cmsなどフォーム機能が標準搭載されているCMSを利用する場合、プラグインのインストールの必要すらありません。

CMSによっては獲得したリストの情報が見られたり、資料の自動ダウンロード機能にも対応していたりと、単純なフォーム機能以外が充実している場合も。さらにデザインに関しても制作会社が入る場合はオーダーすることである程度カバーが可能なので、サイト制作やCMS導入の際には最もおすすめな方法といえます。

おすすめフォーム作成ツール7選

ここからはおすすめのフォーム作成ツールを以下の7つ紹介します。

Googleフォーム
formrun
フォームメーラー
Tayori
HubSpot CRM
formzu
FormBridge

1. Googleフォーム

▲出典：Googleフォーム

GoogleフォームはGoogleが提供しているOffice系サービスのひとつです。

簡単にフォームが作成できるほか、スプレッドシートへのエクスポートも可能でデータのまとめも比較的簡単です。デザインもある程度自由にでき、フォーム作成ツールのファーストチョイスといえるでしょう。

料金プラン

無料（Google WorkSpaceとしての利用の場合はGoogleアカウント自体に料金発生）

Googleフォームの詳細はこちらから

2. formrun

▲出典：formrun

「30秒でフォーム作成」を謳うformrunは、豊富なテンプレートをベースに手軽にフォーム作成ができるフォーム作成ツールです。

UIやデザインからGoodDesign賞を受賞しており、使いやすさは折り紙付き。SlackやChatworkなどのチャットツールとの連携も可能で、問い合わせの通知の迅速です。

料金プラン	特徴	価格（税抜き）
Free	無料	0円
BEGINNER	個人事業主、新規事業社向け	3,880円／月
STARTER	フォームをたくさん作りたい方向け	12,980円／月
PROFESSIONAL	本格的な業務プロセスの構築に	25,800円／月

formrunの詳細はこちらから

3. フォームメーラー

▲出典：フォームメーラー

フォームメーラーは低価格かつ高機能を売りにしている入力フォーム作成ツールで、個人から大企業まで幅広い層に利用されています。フォームを埋め込むだけでなく、アンケートページやキャンペーンページ、ランディングページなどのページ作成機能が使えるので、手軽にフォームが必要なページの準備が可能です。サービス内での分析機能もあり、フォーム周りに必要な機能が完結しています。

料金プラン	特徴	価格（税込）
Free	無料	0円
Pro	個人向け	1,375円／月
Business	法人向け	6,875円〜／月

フォームメーラーの詳細はこちらから

4. Tayori

▲出典：Tayori

Tayoriは株式会社PR TIMESの運営する入力フォーム作成ツールです。

フォーム作成以外にも「FAQページ」「アンケートページ」「チャットサポートページ」の作成が可能で、カスタマーサポートを強力にサポートしてくれます。FAQページは社内のナレッジベースにも利用可能なので「人員が流動的でナレッジがたまらない」という企業にもおすすめです。

料金プラン	特徴	価格（税抜き）
フリープラン	個人向け	0円
スタータープラン	3人までの利用	3,400円／月
プロフェッショナルプラン	10人までの利用（11人～は別途問い合わせにてエンタープライズプランあり）	7,400円／月

Tayoriの詳細はこちらから

5. HubSpot CRM

▲出典：HubSpot CRM

HubSpot CRMは無料から使える顧客管理・営業支援ツールです。マーケティングやセールスなど様々な機能が統合されており、そのうちのひとつであるMarketing Hubを利用することで無料からフォーム作成が可能です。Marketing Hubのフォームから登録した内容はHubSpot CRMに収集され、Eメールマーケティングなどに利用ができます。HubSpot CRMの強力な顧客管理やセールス機能を利用したい場合におすすめです。

料金プラン	特徴	価格（税込）
Marketing Hub Freeプラン	無料	0円
Marketing Hub Starterプラン	マーケティングツール利用、HubSpotロゴ削除など	5,400円～／月
Marketing Hub Professionalプラン	SEO、ブログ機能、カスタマーサポートなど	96,000円～／月
Marketing Hub Enterpriseプラン	アカウントによってコンテンツの出し方を変えるアカウントベースドマーケティングなど	432,000円～／月

HubSpot CRMの詳細はこちらから

6. formzu

▲出典：formzu

Formzuは22年目を迎える老舗フォーム作成ツールです。

低価格ながらフォーム最適化やチャットツールへの通知、外部サービスへのエクスポートなど基本的な機能がしっかり抑えられており「既存のシステムを使いたいし、予算はかけられないけど、コンテンツマーケティングもしっかり行っていきたい」場合におすすめです。

料金プラン	特徴	価格（税込）
フリー	無料	0円
パーソナル	広告の表示を無くして、500件までの投稿データの保存が必要な方	6,900円／年
ビジネス	事業者向け。1000件までの投稿データの保存が必要な方	13,200円／年
プロフェッショナル	複数人での利用が必要な方	31,000円／年

formzuの詳細はこちらから

7. FormBridge

▲出典：FormBridge

FormBridgeはトヨクモ株式会社の提供するフォーム作成ツールです。FormBridgeの最大の特徴はkintoneとの相性です。フォームのデータがkintoneアカウントに自動で保存されるので、管理の効率が大幅アップします。

機能としても多言語対応や複数ページに分けてのフォーム表示、IPアドレス制限など十分。kintoneを利用している企業におすすめです。

料金プラン	特徴	価格（税抜き）
ライトコース	基本的な使い方で問題ない場合	6,000円／月
スタンダードコース	自動返信・条件分岐が必要な場合	9,000円／月
プレミアムコース	回答数や公開期間の制御が必要な場合	14,000円／月
プロフェッショナルコース	ユーザー認証が必要な場合	24,000円／月

FormBridgeの詳細はこちらから

フォーム機能対応のおすすめCMS3選

フォーム機能に対応している、次の3つのCMSを紹介します。

LeadGrid
a-blog cms
Movable Type

1. LeadGrid

▲出典：LeadGrid

LeadGridはリード獲得支援に特化したCMSです。

フォーム作成機能をはじめとして顧客管理機能や、外部MAツール連携などWebマーケティングに必要な機能が標準で搭載されています。

またブログ投稿画面はブログサービスのような使用感で使い勝手がよく、ブログページ以外のページもプレビュー画面を直接編集できる「見たまま編集」機能で直感的な操作も可能。マーケティング機能と使い勝手の両立を実現したツールとして、上場企業を含む100社以上に導入されています。

さらにLeadGridはWeb制作会社が開発したCMSであり、モダンなデザインも他にはないポイントです。

LeadGridの制作事例はこちらから

料金プラン

要問い合わせ

LeadGridの詳細はこちらから

2. a-blog cms

▲出典：a-blog cms

a-blog cmsは開発者や運用者への使いやすさに配慮された国産CMSです。

マニュアルやサポートが充実しており、Web制作の経験が少ない人でも安心してサイトを制作・運用できます。

フォーム作成機能については多機能で、フォームへのファイル添付やフォームを複数ページに分けて表示、入力内容の全角→半角への自動変換など柔軟なフォーム作成が可能です。

a-blog cmsの機能一覧はこちらから

プラン	特徴	価格（税込み）
ソロ	ユーザー数：1 サブドメイン拡張：× 静的書き出し：× 承認機能：× ロール機能：×	月額費用：0円／月
スタートアップ	ユーザー数：5 サブドメイン拡張：× 静的書き出し：× 承認機能：× ロール機能：×	月額費用：1,650円／月
スタートアップ+	ユーザー数：無制限サブドメイン拡張：○ 静的書き出し：× 承認機能：× ロール機能：×	月額費用：5,500円／月
プロフェッショナル	ユーザー数：20 サブドメイン拡張：○ 静的書き出し：○ 承認機能：1段階承認ロール機能：×	月額費用：11,000円／月
プロフェッショナル+	ユーザー数：無制限サブドメイン拡張：○ 静的書き出し：○ 承認機能：1段階承認ロール機能：×	月額費用：16,500円／月
スタンダード	ユーザー数：5 サブドメイン拡張：オプション対応静的書き出し：× 承認機能：× ロール機能：×	初期費用：66,000円バージョンアップ費用：11,000円（1年間有効）
エンタープライズ	ユーザー数：無制限サブドメイン拡張：○ 静的書き出し：○ 承認機能：○ ロール機能：○	要問合せ

a-blog cmsの詳細はこちらから

3. Movable Type

▲出典：Movable Type

Movable Typeは国内で5万サイト以上に導入されている老舗CMSです。1つのアカウントで複数のサイトが運用できる、サポートが充実している、プラグインが豊富などの特長があります。フォーム関連のプラグインも充実しており、Movable Type純正のフォームプラグインや上記で紹介したフォームメーラーのプラグインなど、多くから選ぶことができます。

Movable Typeのフォームプラグインページはこちらから

プラン（ソフトウェア版）	特徴	価格（税込み）
ベースライセンス	1サーバー無制限ユーザー初年度メンテナンス（1年）付属	99,000円
ワークフローパック	ベースライセンス+ワークフロープラグインのパッケージ	198,000円
ステージングパック	ベースライセンス+開発・ステージング・本番の3環境の同期を行うプラグインのパッケージ	275,000円