フォームクリエイター

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

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

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

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

目次

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

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

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

の3つです。

入力画面

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

ここでは、

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

を行うことができます。

入力項目の編集

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

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

アイコンについて

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

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

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

ここから、

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

を行うことができます。

タブ

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

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

フォームタブ

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

 

1.プリセット項目

基礎的な項目が揃っており、各項目をクリックすると編集画面に設置されます。

2.カスタム項目

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

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

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

3.ブロック

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

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

 

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

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

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

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

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

1.カバータブ

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

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

することが可能です。

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

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

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

2.スタイル

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

カラーは

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

となります。

カラーは

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

ことで設定できます。

設定タブ

設定タブでは、

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

 

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

  • 利用規約・プライバシーポリシーの表示
    • 当該ページの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