静的サイト時代の
フォーム実装ツール

フォームのためにLPをPHP化するのはもう終わりにしよう。
HTMLに書いたフォームが「そのまま」動き、メールが届き始める。
まるでフォームに息が吹き込まれたかのように...

photo by :  Lee Campbell  by  Unsplash

フォーム付きサイト
公開の最短経路

espar form は、PHPが不要なフォーム実装ツールです。
HTML/CSS/JavaScript だけで構成するWebサイトや静的ページのフォームに
メール送信機能を簡単にアドオンすることができます。

デザイナーやコーダーに易しい
問い合わせフォームの実装ツール

PHP不要、書いたHTMLが
「そのまま」動きだす

専用のJavaScript埋め込みコードを貼り付けてCSSクラスを追加するだけで、HTMLに書いたフォームが動き出します。デザインや見た目はそのままに、メール送信機能だけがアドオン。PHP化もCMSの導入や設定も不要です。JAMStack1時代の革新的なフォーム実装へようこそ。

書いたHTMLが「そのまま」動きだすイメージ画像
photo by :  Christina Morillo  by  Pexels
デザインは貴方、メール送信は espar form の画像
photo by :  Mohammad Rahmani  by  Unsplash

デザインは貴方、
メール送信は
espar form

Google Form® で見た目を諦めたり、フォーム作成サービスの機能制約を受ける必要はありません。装飾はCSS、動きはJS。思うままにフォームを書いて下さい。デザインをそのまま活かして、一番面倒なメール送信だけ espar form が全て受け持ちます。

サイトオーナーや閲覧者に『も』嬉しい仕組み

洗練されたユーザ体験を壊さない、デザインに溶け込んだフォームを実装できます。
他サービス連携、スパムメール対策、SPF/DKIM/DMARC対応も。最先端の問い合わせフォームを実現します。

SPF/DKIM対応イメージ

UIの統一感

espar form は、制作されたページにメール送信機能のみをアドオンする仕組みです。デザインやコンセプトに完全に溶け込んだフォームを実現できます。ドメインが変わってユーザ体験が「冷める」こともありません。導入事例もご覧ください。

DKIM独自署名対応イメージ

UXを向上させる機能

通知・返信メールに両対応するほか、ファイル添付や、Reply-Toの指定にも対応。送信中のローディング表示も搭載しており、様々な標準機能で入力されやすいフォームを実現できます。EFO2対策にもなります。

重スパム対策イメージ

業務システム連携

Slack®/ChatWork®/direct®等のチャットサービスに通知が可能です。外部API連携機能を使って Google SpreadSheet® や kintone® といった既存のSaaSや、オンプレミスな独自システムにも連携可能。既存のIT資産を活かしてフォームを運用することができます。

SPF/DKIM対応イメージ

SPF/DKIM/DMARC対応

今や必須とされる「送信ドメイン認証技術」に標準で対応しています。Google Gmail® のガイドラインにも準拠。ドメインの設定方法もオンラインマニュアルで解説しています。

独自署名対応

DKIM独自署名対応

独自ドメインでのDKIM署名に標準対応。公開鍵を設定する方法もオンラインマニュアルで詳細に解説しています。ドメイン設定代行や設定支援も有償で対応可能です。

重スパム対策イメージ

多重スパム対策

メール送信の機構は完全に独自実装で非公開。さらに独自の有期限トークンや送信元の制限機構など、悪意ある第三者による大量の問い合わせを拒絶する仕組みが標準で備わっています。

メールの専門家が作った
安心のセキュリティ

メール技術の専門家やセキュリティの国家資格保有者が企画/開発/監修。
最新セキュリティ技術をいち早く導入しており、安心してご利用頂くことができます。

安全なサーバ管理イメージ

安全なサーバ管理

不正アクセス防止のため、パスワードログインを拒絶する公開鍵認証を導入。他にも生体認証、専用端末、ネットワーク制限等を必須とし、高度なセキュリティを確保しています。

個人情報の非表示

個人情報の非表示

フォームの入力内容をメール化する機能に特化しており、お客様の会社名・名前・問い合せ内容等を保持することはありません。個人情報の取り扱いに厳しい企業様にもご利用頂けます。

専用メールサーバ

専用メールサーバ有償

最高級の安全を担保。メール送信を担うミドルウェアのレイヤーを完全に分離し、貴社専用のメール送信インフラを構築する専用メールサーバプランも選択可能です。

管理画面のIP制限

管理画面のIP制限

espar form の管理画面へのアクセスをIPアドレスで制限することができます。IPレンジでの指定にも対応しています。

操作証跡の提供

操作証跡の提供有償

espar form の管理画面上で行った操作(ログイン・ログオフ・メールテンプレートの保存等)の行動ログをご提供できます。

PHP不要の安全サイト構築

PHP不要の安全サイト構築

espar form を使えば、LPや中小規模サイトをPHPに依存せず構築できます。実は、PHPを使わないことが最善のセキュリティ対策です。

運用を支える充実の基本機能

当たり前にできて欲しいことが、当たり前にできる心地よさ。
フォームに求められる基本的な機能の多くを標準で搭載しています。

通知・返信メール対応

通知・返信メール対応

espar form は通知メールと返信メールの両方に対応しています。返信メールを使わずに通知メールのみで運用することも可能です。

ファイル添付に対応

ファイル添付に対応

拡張子制限や、容量制限、同時添付ファイル数の上限を指定することもできます。複数のファイル添付を求めたり、MimeTypeによる制限をする等の高度な制御も可能です。

Reply-To で返信支援

差出人の独自ドメイン指定

差出人(送信元)のメールアドレスを、サイトや自社のドメインにすることができます。フォームサービスによくある、サービスのドメインが強制されることはありません。

Reply-To で返信支援

Reply-To で返信支援

通知・返信メールで返信先(Reply-To)を指定できます。メール受信側で「返信」操作を行うと宛先(To)として自動入力されます。

入力に応じた条件分岐

入力に応じた条件分岐

入力項目の値に応じて、メールの件名や本文、宛先等を変更することができる条件分岐の文法を標準で備えています。

標準の組み込み変数

標準の組み込み変数

フォーム入力の受付日時やブラウザUserAgentなどをメール本文に埋め込むことができます。

実装の『面倒くさい』を全て取り除く

フォームにありがちな要件をあらかじめビルトイン。
無駄な実装作業が無くなるほかフォームの動作品質も確保できます。

確認/完了画面の自動生成

確認/完了画面の自動生成

入力画面用のHTMLコードから、確認画面と完了画面を自動的に生成します。もちろん、独自に実装することもできます。例えば、コンバージョン計測のために独自の完了画面に遷移するといったことも可能です。

豊富な入力条件クラス

豊富な入力条件クラス

「必須項目」「電話番号」「メールアドレス」「英数字で8文字」といった入力条件チェックをわざわざ実装する必要はありません。多様な入力条件が標準で用意されており(31種類)、HTMLの入力要素にCSSクラスを指定するだけ。条件チェックとエラー表示制御は全自動で行います。

エラーの表示制御

エラーの表示制御

エラーをいつ表示するかを考える必要も実装する必要もありません。あらかじめエラー用の記述をしておけば、入力条件を満たしているかそうでないかに連動して、エラーの表示/非表示が自動的に切り替わります。

送信中のローディング表示

送信中のローディング表示

フォームからの送信処理中の待ち時間に欲しくなるローディング表示機構を標準で備えています。特別な実装は不要で、フラグを指定するだけで簡単に表示することができます。

確認/完了時の自動スクロール

確認/完了画面の特定箇所に自動的にスクロールさせることができます。いちいちスクロール処理を実装する必要がありません。

圧倒的な拡張性で高度なフォームも自由自在

ただ簡単なだけではありません。
より高度な実装を可能とする機能や、外部システムとの連携機能も搭載しています。

コールバック

コールバック

フォームの表示・入力・確認・送信のあらゆるタイミングで、独自の Javascript 実装を挿入できるコールバック機構を備えています。

複数フォーム

複数フォーム

フォームを連続で処理する機構を備えています。1つ目のフォームの入力内容に応じて次のフォームを出し分けるといった処理が可能です。

RestAPI連携

RestAPI連携

フォームで入力された内容を RestAPI を備えた別システムに連携可能。POST/GETの選択やパラメタ指定まで細かな制御が可能です。

気のきいた便利な入力条

気のきいた便利な入力条件

他のサービスにあまりない便利な入力条件を備えています。適格請求書発行事業者番号(T番号)、チェックボックスグループでの1つ以上チェック、メールアドレスのドメイン存在チェック...等々

独自の入力条件

独自の入力条件

入力条件が特殊でも心配はご無用。たった数行の JavaScript 関数を実装するだけで、独自の入力チェックを簡単に追加することができます。エラーメッセージも自動的に表示できます。

フォーム数無制限

フォーム数無制限

サイト内で使用するフォーム数に上限はありません。サービスや商品ごとに最適なフォームを個別に作ることができ、コンバージョン率を高めることができます。

入力条件チェック制御

入力条件チェック制御

入力条件をチェックするタイミングが制御可能です。ボタンクリック時やフォーカスが外れた時など、フラグを指定するだけで簡単に制御できます。

多様なデプロイ

多様なデプロイ

サイトがフォームを含めてHTML/CSS/JSで完結しますので、AWS® S3 や Azure® Storage 等のサーバレスなWebホスティング環境にそのままデプロイ可能です。

フォームホスティング

フォームホスティング

サーバがない、または持ちたくない場合もお任せ下さい。ファイル一式をzip化して送付頂ければ弊社の安全堅牢なインフラでホスティングします。

組み合わせ利用で既存サービスをパワーアップ

ご利用中サービスと espar form を組み合わせて、サービスの利活用をグッと加速。

Google スプレッドシート

Google スプレッドシート 連携

あらかじめ用意した Google Sheets® にフォームの入力内容を自動登録することができます。GAS3を使えば、入力内容を加工・計算してデーターベス化することも可能です。

kintone

kintone® 連携

サイボウズ社のクラウドデータベース kintone® との連携が可能です。問い合わせフォームに入力される度に、kintone® の顧客情報マスターが自動登録されていく仕組みを構築できます。

Re:lation

Re:lation® 連携

顧客からの問い合わせを一元管理するクラウドサービス Re:lation® との連携が可能です。(Re:lation®のアドレス帳に自動登録できる機能を搭載予定です)
もっと詳しく

shifter

shifter® 連携

WordPressで完全静的サイトが構築できる shifter® との連携が可能です。静的サイトにしたいが問い合わせフォームだけはどうしても欲しい...といった時に合わせてご利用頂けます。もっと詳しく

楽楽販売

楽楽販売® 連携

フォームからの発注や問い合わせの受付けと同時に、楽楽販売の顧客情報マスターが登録されていく仕組みを簡単に構築できます。

初めてでも安心。実装サポートと運用サポート

フォームの実装と運用を楽にして頂くため、サポート体制を継続的に強化しています。
充実のオンラインドキュメントのほか、必要に応じて専用問い合わせチャットもご用意いたします。

詳細なオンラインドキュメント

espar form に初めて触れる方でも安心して実装が行えるようにオンラインドキュメントをご用意。Step by Step で具体的な実装手順を、豊富な画面キャプチャとサンプルコードを交えて詳しく解説しています。(ドキュメントが見やすいダークモード表示にも対応)

『6分でメールが飛んで驚いた』

これは実際に espar form を使ってフォームを実装したデザイナーさんの言葉です。

 

PHPやCMSを全く意識することなく、作業開始から数分で意図した通りにメールが飛ぶことに驚かれたそう。ローカル環境での入力テストでもメールが飛ぶことに、特にビックリされたようでした。あとは、HTML/CSS/JSをサーバにアップロードして納品完了。極めてシンプルな作業フローを実現され、LP制作の工数を大幅に削減されました。

 

特筆すべきは、LP制作の本質ではないメール関連の時間をほぼゼロにできたことです。espar form の導入によりデザインやコーディングに専念できますので、その結果、アウトプットの質を上げることができます。ひいては、制作効率UP、売上増、利益率向上に寄与します。

まるで、フォームに息が吹き込まれたかのようでした。

『まるで、フォームに息が吹き込まれたかのようでした。』

これは、espar form を導入されたあるコーダーの方の言葉です。

 

デザイン通りにHTML化しただけのLPのフォーム部分がそのまま動くはずがない...、そんな従来からある常識を覆さたと驚かれていました。

 

コーディングしたHTMLのまま動くため、SaaS型のフォームと違ってHTMLやCSSを分割管理する必要がありません。espar form によって生産性向とメンテナンス性が向上します。

各種資料のダウンロード、解説動画

営業資料や技術資料のPDF、ライブで実装を実演したウェビナー動画を公開しています。詳しくはespar form 技術資料のページをご覧ください。

フィードバックを受けて常に進化

espar form はデザイナーやコーダー等の実装される方やエンドユーザ様から頂くご要望、また最先端技術を取り込んで、常に進化し続けています。進化の歴史と今後の予定をespar form 開発ロードマップでご覧頂けます。

業界や規模を問わず、
多くのサイトでご利用頂いております

上場企業様、学校様、会員サイト、製品サイト、ECサイト、メディアサイト...等々
espar form を採用頂いたサイトは多岐に渡ります。導入事例ページも是非ご覧下さい。

料金

月10件までランニングコストはゼロ!
フォーム数や添付ファイル容量等に依存しないシンプルな料金体系です。

初期費用

¥55,000

税込。導入サポート費用も含まれております。

月額費用

¥1,078

税込。100件毎に加算されます。ただし月10件までは無償です。

オプション

専用メールサーバ、フォームホスティング、ドメイン設定支援など、豊富なオプションを多数ご用意しております。

さらに詳しく
  1. JAMStack (Javascript Apis Markups Stack)。2000年代後半に提唱された新しいWeb制作スタイルです。先にHTML/CSSを作り、必要な箇所だけJavaScriptを使ってAPI連携で外部データを埋め込んだり機能をアドオンします。デザインやコーディングの作業と、システム開発や運用を分離でき、セキュリティ強化・高速化のメリットがあり、トラブルにも強いとされています。
  2. EFO (Entry Form Optimization)。メールフォームのUI/UXを洗練させて、お客様からの申し込みや問い合わせを得やすくするための取り組みのことを指します。
  3. GAS (Google Apps  Sscript)。JavaScript で記述する Google スプレッドシートの拡張実装です。espar form の連携機能と併用することで複雑な処理を伴う連携が可能になります。

お問い合わせはこちらから
もちろんespar form
作っています

内容に問題がないかどうか確認し、送信ボタンを押して下さい。

フォームの有効期限が切れました。もう一度最初からお試し下さい

未定義のエラーが発生しました。申し訳ございませんが info [at] example.com に直接メールをお送り頂くか、0120-12-3456 までお電話下さい

APIキーまたはフォームIDが無効です

アクセスが許可されていないホストです

一定時間あたりに許可されているメール送信数を超えました。
しばらく経ってからお試しください

未定義のエラーが発生しました。サイト管理者にご連絡ください

送信に失敗しました。
誠に申し訳ございませんが info+esparform [at] feedtailor.com にメールにて御連絡下さい

お問い合わせありがとうございました。入力頂いたメールアドレスに自動返信メールをお送りしておりますのでご確認ください。

担当者から2営業日以内にご連絡させていただきます。連絡が届かない場合、大変お手数ですが改めて本フォームよりお問い合わせください。

お名前は必須項目です
メールアドレスは必須項目です
メールアドレスのドメインに誤りがあります
お問い合わせ内容は必須項目です