フォームクリエイター

formrunでは、フォームクリエイター機能を使って誰でも簡単にフォームを作ることができます。

このページでは、フォームクリエイターの画面使い方について説明します。

フォームクリエイターは、入力画面・完了画面(サンクスページ)・非公開画面の3つのページ設定が可能となっております。

また、カバー画像の推奨サイズもこちらから設定可能です。

目次

フォームクリエイターの画面構成

「フォームクリエイター」で編集できるページは

  • 入力画面
  • 完了画面(サンクスページ)
  • 非公開画面

の3つです。

入力画面

「入力画面」とは、フォームを入力している際に表示される画面のことを指します。

ここでは、

  • 入力項目の設置
  • 入力項目削除
  • 項目の複製
  • 必須/任意の設定
  • 項目のタイトル名・説明文の編集
     
  • カバー画像の設定
  • カバー画像のレイアウト設定
     
  •  フォントの選択
     
  • 公開/非公開設定
  • 公開期間の設定(有料版のみ)
  •  通知設定
  •  SNSシェアボタン設定
  • 利用規約/プライバシーポリシー設定
  • OGP設定 
  • Google Analytics トラッキングID設定
  • クレジット表示/非表示設定(有料版のみ)

を行うことができます。

入力項目の編集

順序入れ替え、削除、複製

  1. 入力項目の上にマウスをのせる
  2. 該当するアイコンをクリックする

アイコンについて

  • 四角が重なっているアイコン(左端):項目の複製
  • 矢印アイコン(中央):項目順序の上下移動
  • ゴミ箱アイコン(右端):入力項目の削除

必須/任意の設定・文言の編集手順

入力項目の上にマウスをのせると、
画面左部に該当項目のフォームタブ(下記参照)が出てきます。

ここから、

  • 必須/任意の設定
  • 項目のタイトル名・説明文の入力

を行うことができます。

タブ

フォームクリエイター画面の左方には、4つのタブがあります。 

これらのタブを用いて
項目の設置、背景・カラーの編集、フォーム自体の設定を行ってください。

フォームタブ

フォームタブでは、
フォームの入力項目やその他表示させたいものを、フォームに設置することができます。

基本的な項目は以下の通りです。各項目をクリックすると編集画面に設置されます。

 

メールアドレス<プリセット項目>

メールアドレスを入力できる項目です。

「メールアドレス」項目を追加後パーツをクリックすると、【項目設定】が表示されます。
オプションの「再入力」をONにすることで確認用の項目を追加することができ、
メールアドレスの入力ミスを防ぐことができます。

名前<プリセット項目>

 名前を入力できる機能です。

 

電話番号<プリセット項目>

電話番号を入力できる機能です。

性別<プリセット項目>

性別を選択できる機能です。

生年月日<プリセット項目>

ドロップダウン形式で生年月日を入力できる機能です。

年月日の下限と初期値を決めておくことができます。
こちらを決めていただくことで、
顧客が生年月日情報を入力しやすくなります。

生年月日は顧客個人の性質を示すデモグラフィックデータですので、商品の購入やイベントの申し込みなどBtoC(対消費者向けの)ビジネスでのフォーム用途に「生年月日」パーツをご利用ください。

日付選択機能は「カスタム項目」内にございます。

住所<プリセット項目>

住所を入力できる機能です。

 

郵便番号を入力するだけで住所を自動的に補完する「住所補完機能」が搭載されています。
そのため、ユーザーの入力する手間や入力ミスを軽減することができます。

都道府県<プリセット項目>

都道府県を入力・選択できる機能です。

左メニューの「選択項目」には、デフォルトで47都道府県が入力されています。
一部の都道府県のみを選択・表示できるようにしたい場合は、
「選択項目」のゴミ箱マークから、不必要な項目を削除してください。

職業<プリセット項目>

職業を選択できる機能です。

以上の項目が、デフォルトで設定されています。

順番を並び替えたい場合は、「選択項目」の並び替えをクリック、
削除したい場合は、「選択項目」のゴミ箱マークをクリック、
追加したい場合は、「選択項目追加」に記入することでご対応いただけます。

業種<プリセット項目>

業種を選択できる機能です。

以上の項目が、デフォルトで設定されています。

順番を並び替えたい場合は、「選択項目」の並び替えをクリック、
削除したい場合は、「選択項目」のゴミ箱マークをクリック、
追加したい場合は、「選択項目追加」に記入することでご対応いただけます。

認知経路<プリセット項目>

認知経路を選択できる機能です。

以上の項目が、デフォルトで設定されています。

順番を並び替えたい場合は、「選択項目」の並び替えをクリック、
削除したい場合は、「選択項目」のゴミ箱マークをクリック、
追加したい場合は、「選択項目追加」に記入することでご対応いただけます。

また、説明文を変更したい場合は「項目設定>説明」を変更してください。

規約に同意する<プリセット項目>

規約を入力できる機能です。

規約については、
フォームクリエイター画面にて「項目設定>説明文」にURLを記入していただくと、
フォーム入力画面で規約のURLがハイパーリンク化されます。
そのため、フォームの入力者が規約を確認することができます。

順番を並び替えたい場合は、「選択項目」の並び替えをクリック、
削除したい場合は、「選択項目」のゴミ箱マークをクリック、
追加したい場合は、「選択項目追加」に記入することでご対応いただけます。

また、説明文を変更したい場合は「項目設定>説明」を変更してください。

会社情報<プリセット項目>

会社情報を入力できる機能です。

 左側のメニューバーより「会社情報」をクリックしていただくと

  • 会社情報
  • 会社名
  • 部署名
  • 担当者名
  • 従業員数

の項目が挿入されます。

従業員数につきましては、上記画像のように選択項目が挿入されています。
削除したい場合は、「選択項目」のゴミ箱マークをクリック、
追加したい場合は、「選択項目追加」に記入することでご対応いただけます。

学歴<プリセット項目>

学歴に関する5つの項目を入力できる機能です。

左メニューバーから「学歴」をクリックすると、下記の項目が挿入されます。

  • 学歴
  • 学校種別
  • 学校名
  • 学部・学科・専攻
  • 卒業年月
  • 卒業(卒業・中退・現役など)

説明文を変更したい場合は「項目設定>説明」を変更してください。

順番を並び替えたい場合は、「選択項目」の並び替えをクリック、
削除したい場合は、「選択項目」のゴミ箱マークをクリック、
追加したい場合は、「選択項目追加」に記入することでご対応いただけます。

職歴<プリセット項目>

職歴に関する6つの項目を入力できる機能です。

左メニューバーより「職歴」をクリックしていただくと、

  • 会社名
  • 役職名
  • 勤務時間
  • 在籍
  • 雇用形態
  • 職務内容

の項目が自動挿入されます。

説明文を変更したい場合は「項目設定>説明」を変更してください。

項目、または、選択項目の順番を並び替えたい場合は、「選択項目」の並び替えをクリック、
削除したい場合は、「選択項目」のゴミ箱マークをクリック、
追加したい場合は、「選択項目追加」に記入することでご対応いただけます。

<カスタム項目>

テキスト記入欄、選択欄や日付などを設置することができます。

入力項目のタイトルは自分で設定できるので、
プリセット項目にない項目を作成し、
入力してもらいたいときに利用してください。

数字コンポーネント評価ボタン尺度ボタン画像選択機能の用途に関しては
formLabをご覧ください。

<ブロック>

画像、各Webサービス(メディア)、スパム対策(reCAPTCHA)や説明文など、
フォームの送信者に選択や記入などのアクションを要求しない項目を設置することができます。

メディアを埋め込むには、
フォーム>ブロック>メディアをクリックして見出し名を記入し、
埋め込みたいWebサービス(メディア)の該当するページURLを入力してください。

 

埋め込むサービスの代表例

  • YouTube
  • Viemoといった動画
  • Instagramなどの画像
  • SlideShareのプレゼンテーション
  • Google Mapsの地図
  • Wikipediaの百科事典情報 など

現在対応しているサービス数は501種類です。
また「oEmbed」規格に対応していますので、
対応サービス一覧以外にもTwitterをはじめとした同規格に基づいたものであれば、
フォームへの埋め込み表示が可能です。

カバータブ・スタイルタブ

これら2つのタブでは、
作成するフォームのデザインを、写真、カラー、レイアウト及びフォントを
選択・変更することができます。

カバータブ

カバータブでは、フォームの背景やトップとして使用する画像を設定することができます。

  • カバー>写真
    デフォルトで用意された画像を選択(201種類)
  • カバー>カスタム
    任意の画像をアップロード

 

​​​​​​※アップする画像の推奨サイズ

  • トップの場合…幅1280px×高さ545px以上
  • サイドの場合…幅640px×高さ860px以上
  • フルスクリーンの場合…幅860px×高さ860px以上

※トップ/スライド/フルスクリーンについては「スタイルタブ」から設定できます。

スタイルタブ

スタイルタブでは、
フォームのテーマカラーやフォントを設定できます。

「カラー」が反映される箇所は、

  • 送信ボタンの色
  • 利用規約
  • プライバシーポリシーへのリンクの色
  • フォームの背景色(カバー>カスタムで画像を削除している場合)

となります。

カラーの設定方法としては、

  • 予め用意されたカラーを選択する
  • カラーコード記入欄に任意のHTMLカラーコードを記入する

があります。

【2018年12月、フォームのタイトルカラーを変更できるようになりました!】

レイアウトは現在

から選択できます。

Webフォントについては、formLabの記事をご確認ください。

【2018年12月、全10種類のWebフォントから、お好きなフォントを選べるようになりました!】

設定タブ

設定タブでできることを説明します。

  • フォームの公開・非公開設定
    •  「非公開」にしていると、フォームを保存しても、公開は行われません。
    • フォームの編集を中断したいが公開は行いたくないという場合などにご活用ください。
    • (自動保存機能がないため)
  • フォームの公開期間の設定(有料版のみ)
    • 公開期間/公開時間の設定ができます。
    • 送信数の上限機能をご利用できます。

 

 

  • メールなどの設定
    • 自動返信メールの件名・本文を設定できます。
    •  詳細は メール設定 もあわせてご覧ください。

  • 通知設定
    • フォームが回答された際、通知メールが受信できるようになります。
    • 受信通知メールの仕様変更がございます。詳しくはこちらをご覧ください。
      https://form.run/media/news/change_mail_notification/

  • 利用規約・プライバシーポリシーの表示
    • 当該ページのURLを入力すると、フォーム送信ボタンの下にリンクが表示されます。

上記のように記入すると、
下記のように送信ボタンの下にハイパーリンクの形で自動挿入されます。

  • SNSシェア・OGP設定
    • Facebook・Twitter・LINEのシェア機能をつけることができます。
    • OGPはタイトル・説明・画像をつけることができます。

  • Google Analyticsの連携(有料版のみ)
    • 詳しくはこちらをご覧ください。
  • クレジットの表示/非表示設定(有料版のみ)
    • ページ最下部の「formrun」ロゴを非表示にすることができます。

の編集ができます。

完了画面(サンクスページ)

フォームの送信ボタンが押された後、
入力者が遷移する「完了画面(サンクスページ)」も編集することができます。

完了画面(サンクスページ)に遷移することで、
フォーム入力者はフォーム送信が完了したことを確認できます。

完了画面設置項目・編集

編集する画面の切り替えには、
フォームクリエイター画面上部で完了画面(サンクスページ)を選択してください。

完了画面(サンクスページ)でできること

  • 文言の編集
    • 表示されている文言をクリック(上記写真のとおり)
  • 外部ページのURL設定
    • 左メニュー画面に入力
  • 資料などのダウンロード設定(有料プランのみ)
    • 左メニュー画面に入力

を行うことができます。

<参考:外部ページのURL設定>

非公開画面

フォームの公開設定を「OFF」に設定している際に
非エンドユーザー様へ表示する「非公開画面」を編集できます。

非公開画面設置項目・編集

 編集する画面の切り替えには、
フォームクリエイター画面上部の画像で「非公開画面」をクリックしてください。


非公開画面では

  • 文言の編集
    • 表示されている文言をクリック
  • 画像の埋め込み
    • 左のメニュー画面からアップロード
  • メディアの埋め込み
    • 左のメニュー画面からURLを入力

ができます。

ページURLを周知したのちに公開設定を「OFF」に設定したとしても、
エンドユーザー様へ任意のページを表示することが可能となります。

プレビュー・保存・シェア

フォームクリエイターの画面右上には、プレビューボタンと保存ボタンがあります。

プレビューボタンを押すと、
編集中のフォームがスマートフォン・パソコンでどのように見えるかを
確認することができます。

スマートフォン表示・パソコン表示の切り替えには、
プレビュー画面上方の切り替えボタン画像をクリックしてください。
 

フォームの保存を行うと、
保存されたフォームは自動的に公開され、入力・送信が可能になります。

ただし、
フォームクリエイター>設定でフォームの公開をOFFにした場合、
保存を行ってもフォームは公開されません(非公開)。

公開したタイミングで、テスト送信を行い
設定や入力項目に不備がないかをテストしてみることをおすすめします。

フォームクリエイターで作成したフォームは
iframe埋め込みを用いてホームページに埋め込まない限り、
独立したフォームページとして存在します。

この場合、
フォームURLをSNSやメール等でシェアしない限り
お客様はフォームにたどり着けません。

【よくあるご質問】1度作成したフォームは修正はできますか?

クリエイターフォームで作成したフォームを再編集する場合は、

  • 「フォーム一覧>クリエイターフォーム」
  • 「ボード画面>その他の設定>クリエイターフォーム」

から修正することができます。

カバー画像の推奨サイズについて

formrunのクリエイター機能では
カバー画像を設定して、目的に合わせたフォームのデザインにすることができます。

レイアウトの設定毎に推奨サイズが異なりますので、
下記の図を参考に画像の作成をお願いいたします。

※図は下記のサンプル画像をアップした場合に表示されるエリアとなります。

※PC・スマホ両方で同じ画像が使用されるため、
 表示端末によっては意図しない表示がされる可能性がござます。

※セーフエリア = PC・スマホ両方で表示されるエリア。

サンプル画像
 

 

レイアウト> トップ
 

推奨サイズ:幅1280px×高さ545px以上

セーフエリア:幅1280px×高さ160px

---

レイアウト > サイド

推奨サイズ:幅640px×高さ860px以上

セーフエリア:幅640px×高さ550px

---

レイアウト > フルスクリーン

 

推奨サイズ:幅860px×高さ860px以上

セーフエリア:幅570px×高さ860px

お困りですか?

FAQ menu

formrunの基本

料金プラン&機能一覧

チーム設定・ユーザー設定

フォームの作成

フォーム設定

問い合わせ対応

セキュリティ対策

決済・トラブルシューター

その他

ISO/IEC 27001:2013 (ISMS) 登録番号: IA180169