フォーム表示 – 作成したフォームのプレビュー表示

2023年12月2日

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

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

 

フォームプレビュー

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

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

 

 

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

①フォーム表示、②登録ページ(表示)、③URL&QRコード取得ページ内プレビューのいずれかをクリックすると、以下の様にフォームのプレビューが表示されます。

実際に配布されるフォームとなりますので、フォーム項目、デザインの確認や、テスト投稿にご利用ください。
※以下のサンプルは無料版です。ビジネス版の場合にはPowered by・広告を削除できます。

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

プレビューサンプル

 

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

※ブラウザの横幅を狭めてもレスポンシブデザインが表示されない場合は、ブラウザの開発者用ツールで表示してください。Chromeブラウザでは「F12」キーを押すことによって、画面上部に表示幅を入力する欄が現れ、入力した数値のスマホ向けの幅での表示ができるようになります。

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

 

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

④登録完了ページ(表示)はご契約のプランにより完了ページが異なります。
以下のサンプルは無料版となります。無料版の場合には広告が表示されます。

※ビジネス版をご利用のお客様は登録完了ページの編集が可能となり、転送先URLなどを設置できます。設定した内容を簡単に[登録完了ページ(表示)]をクリックして確認ができます。

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

 

まとめ

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

 


お問い合わせは、お問い合わせフォームよりお願いいたします。

記事はいかがだったでしょうか?
ご意見・ご感想をお聞かせください




Powered by このフォームは『オレンジフォーム』で作成しています

本フォームに入力いただいた内容に対する個別の返答はできかねます。
返答が必要な場合は、お問い合わせフォームよりお願いいたします。