Skip to content
espar form DOCS

サンプルフォーム

espar form をどのように導入するかが分かるサンプルを以下からダウンロードできます。

サンプルhtmlフォーム

espar form が動くフォームを手早く体験してみたい場合、上記のサンプルHTMLを使って以下の手順で試すこともできます。(macOSに限ります)

macOSで手軽に試す

  1. macOS上のデスクトップに sample フォルダを作成し上記リンクの form.html を保存する
  2. form.html の api_key にテスト用(トライアル環境用)のキー文字列（弊社よりご案内）をペーストし保存する
  3. Finderを開き、[アプリケーション]→[ユティリティ] フォルダに移動して「ターミナル.app」をダブルクリックする debug_3-1-2
  4. 黒い画面で以下のように入力する（cd以降を間違いなく入力して最後にエンターキー）
    Terminal window
    $ cd ~/Desktop/sample
  5. 更に以下のように入力して macOS 上でWebサーバを起動する
    Terminal window
    $ python -m SimpleHTTPServer
  6. 管理画面にログインしフォームの[詳細設定]タブで「localhostからの送信を許可する」と「http のアクセスを許可する」のチェックをONにする (これにより、http://localhost〜 からの送信が可能になる) debug_3-1-6
  7. 任意のブラウザで http://localhost:8000/form.html を入力すると以下の画面が表示される debug_3-1-7

値を入力後に確認ボタンをクリックすると、バリデーションや確認画面、メール送信まで確認することができます。