コード型フォームを作る

  1. トップ
  2. コード型フォームを作る

新しいフォームを作る手順

FREEプランの場合、月額980円（税抜）の有料オプションの追加が必要です。
有料プランの場合は追加料金なく利用できますので、プランのアップグレードも是非ご検討ください。

FREEプランの場合

  1. フォーム一覧画面 または サイドバーの最下部 より「新規フォーム作成」をクリックする
      2.  
  1. テンプレート選択画面の左下「＜開発者向け＞コード型はこちら」をクリックする
 
  1. 「コード型フォームの紹介」ページで「コード型フォームを作る」をクリックする
 
  1. コード型フォーム作成ページに必要事項を入力し、金額や注意事項に同意のうえチェックと「登録する」ボタンをクリック
      2. クレジットカードを登録したことがない場合は、「コード型フォームを作る」をクリックするとクレジットカードの登録手続き画面に遷移します。
      完了後、再度「コード型フォームの紹介」ページに戻っていただき、「コード型フォームを作る」をクリックしてください。
       
  1. 有料プランの場合の手順4に進む

有料プランの場合

  1. フォーム一覧画面 または サイドバーの最下部 より「新規フォーム作成」をクリックする
      2.  
  1. テンプレート選択画面の左下「＜開発者向け＞コード型はこちら」をクリックする
 
  1. 必要な情報を記入する
      2.  
  1. 「コード設置」画面の「HTMLタグ作成」に記載のサンプルコードをご自身の開発環境に貼り付ける
      2.  
  1. class, action, method以外の部分を自由に変更し、フォームを構築する
  1. 「スクリプト設置」に記載のスクリプトをheadタグに設置する
  1. 「フォームの埋め込み先を指定」に、フォームを表示させるサイトのドメインまたはURLを入力する
  1. フォーム送信後にご自身で用意した画面を表示させたい場合は、「フォーム送信後リダイレクトURL」にもURLを記入する
  1. 実際にフォーム投稿を行い、挙動を確認する

フォームを運用する前に

実際にフォームを運用する前に、必ずテスト投稿を行ってください。
テスト投稿によりformrun上に項目が作成され、自動返信メールの設定などが行えるようになります。

既存のフォームを変更する手順

すでに設置されているフォームを変更したい場合は、ご自身の開発環境のコードを変更してください。
formrun上でコードを変更したり、フォームの見た目を変えることはできません。
 
なお新たなページへの埋め込みを行う場合は、必ず「フォームの埋め込み先を指定」にURLを入れてください。

サンプルコード集

formrunでは、formrun.jsという独自ライブラリによってバリデーションの実装を簡単にすることができます。
こちらよりformrun.jsやスパム対策用のサンプルコード集をご確認いただけます。
 
💡
関連ページ