フォームを作成したら、実際にどのように表示となるのかすぐに確認したいですよね?

オレンジフォームでは素早く簡単にご確認いただけるように、プレビューは複数の方法から行うことができます。プレビュー表示を行い、作成したフォームの表示を確認してください。プレビューは実際に投稿者に表示となる状態となり、テスト投稿もこちらから行えます。

 

フォームプレビュー

作成したフォームの管理画面からプレビュー表示ができます。

  1. 管理画面左側のフォーム表示
  2. 登録ページ(表示)
  3. タグ取得(URL表示)ページ内の表示
  4. 登録完了ページ(表示)

[フォーム表示]

[フォーム利用]>[タグ取得(URL表示)]

 

フォームプレビューサンプル

①フォーム表示、②登録ページ(表示)、③タグ取得(URL表示)ページの表示のいずれかをクリックすると以下の様にフォームのプレビューが表示となります。実際に配布されるフォームとなりますので、フォーム項目、デザインの確認や、テスト投稿にご利用ください。※以下のサンプルは無料版です。ビジネス版の場合にはPowered by・広告を削除できます。

  • タブ部分は、フォーム名(公開用)が表示となります。
  • URLアドレス部分は、https://form.os7.biz/f/XXXXXXXX/ となり、実際に配布するアドレスとなります。

プレビューサンプル

また、ブラウザの横幅を狭めることに寄って簡単にスマートフォンでどのようにフォームが表示となるかも確認できます。オレンジフォームのフォームはレスポンシブデザインとなり、スマートフォンやタブレットに対応しています。

レスポンシブフォームサンプル

登録完了ページプレビューサンプル

④登録完了ページ(表示)はご契約のプランにより完了ページが異なります。以下のサンプルは無料版となります。無料版の場合には広告が表示されます。※ビジネス版をご利用のお客様は登録完了ページの編集が可能となり、転送先URLなどを設置できます。設定した内容を簡単に[登録完了ページ(表示)]をクリックして確認ができます。登録完了ページプレビューサンプル

まとめ

フォームを作成したら、ブラウザで実際にどのように表示されるのかすぐに確認ができるようになっています。作成後、テスト投稿をプレビューから行って実際にどのように投稿となるのか確認しながらの作業が簡単に出来るようになっています。