WordPressフォームにカメラフィールドを追加する方法(ステップバイステップ)

フォームに写真をアップロードしようとしたときに、正しい写真を見つけるために、たくさんのスクリーンショット、ミーム、休暇の写真の中からスクロールしなければならなかった経験はありませんか?

私は毎回そうしています。

だからこそ、WPFormsのカメラフィールドはちょっとした奇跡のように感じられます。これにより、ユーザーはフォームを離れることなく、デバイスのカメラから直接、写真やビデオを即座に撮影できます。

このフィールドは、求人応募、ID認証、または写真コンテストの応募を受け付けるのに最適です。そして、私たちのデートアプリケーションテンプレートで、即時の写真提出によってあなた自身の候補者を審査することを誰も止めていません…言ってみただけです。

ステップバイステップで設定方法を見ていきましょう。

WordPressフォームにカメラフィールドを追加する方法(ステップバイステップ)

WPFormsのカメラフィールドとは何ですか?

カメラフィールドを使用すると、ユーザーはフォーム内で直接写真の撮影や短いビデオの録画ができます。デスクトップとモバイルデバイスの両方で機能し、すべてのデータを他のフォームエントリと一緒に安全に保存します。

カメラフィールドは以下に最適です:

  • 写真付きID確認フォーム
  • コンテストまたはイベントのエントリ
  • 自撮り写真や短い紹介文付きのクライアントオンボーディングフォーム
  • ビデオレビュー付きのフィードバックフォーム

ステップ1:フォームにカメラフィールドを追加する

まず、フォームを開くか、新しいフォームを作成します。

フォームビルダーの「Fancy Fields」の下に、ファイルアップロードフィールドの隣にカメラフィールドがあります。

それをクリックするか、カメラフィールドをフォームプレビューエリアにドラッグアンドドロップしてフォームに追加します。すると、ユーザーが写真やビデオをキャプチャするためにクリックする小さなカメラアイコンが表示されます。

これで完了です!カメラフィールドが追加されました。みんな、片付けよう。家に帰れるよ…

冗談です。カスタマイズオプションがいくつかありますが、大体こんな感じです!

WordPressフォームを今すぐ作成

ステップ2:キャプチャ形式(写真またはビデオ)を選択する

新しいカメラフィールドをクリックして、フィールドオプションパネルを開きます。「形式」の下に、2つの選択肢があります:

  • 写真 – プロフィール写真、スナップショット、またはIDカードに最適です。
  • ビデオ – 簡単な紹介、レビュー、または短いクリップに最適です。

デフォルトでは写真に設定されていますが、いつでも切り替えることができます。

ユーザーがカメラボタンをクリックすると、撮影前に3秒間の短いカウントダウンが表示されます。髪を整えたり、照明を調整したりするのに十分な時間です。😉

ステップ3:ファイルサイズと時間制限を設定する

フィールドオプションからまだ移動しないでください。次に最大ファイルサイズまでスクロールダウンします。

アップロードごとの最大サイズ(MB単位)を入力します。空白のままにすると、WPFormsは通常64MBであるサーバーのデフォルト制限を使用します。

ビデオの場合、時間制限(ここではデフォルトで1分30秒)も調整できます。

短いクリップは、フォームの読み込みを速くし、サイトのスペースを節約するのに役立ちます。そもそも、誰もここで次の長編映画をアップロードしようとしているわけではないでしょう。

ステップ4:カメラボタンのスタイルとテキストをカスタマイズする

次に、高度なタブで、ボタンのスタイルのドロップダウンを見つけます。

このドロップダウンでは、ボタンアイコンまたはリンクを選択できます。

ここにいる間に、ボタンにもっとブランドに合った言葉を表示させたいですか?

ボタンリンクテキストを、トーンに合わせて「📸カメラで撮影」や「🎥自己紹介を録画」など、実際にブランドに合ったものに変更してください。

個人的には、「チーズ!」のような楽しいものに変更するかもしれません。

このような小さな工夫は、フォームを洗練され、意図的なものに感じさせます。

ステップ5:キャプチャしたファイルの保存場所を選択する

デフォルトでは、WPFormsはキャプチャされた写真とビデオを、WPFormsディレクトリ内のサイトのアップロードフォルダに保存します。

すべてをメディアライブラリに保存したいですか?高度なタブの下にある「WordPressメディアライブラリにファイルを保存」オプションを切り替えるだけです。

カメラフィールドはメディアライブラリにアップロードを保存します

ファイルを外部に保存したい場合(たとえば、サーバーのスペースを節約するため)は、WPFormsはDropboxおよびGoogle Driveとシームレスに統合されており、簡単にオフロードできます。

各提出物に添付された、エントリーダッシュボード内のすべてのキャプチャされたファイルを表示することもできます。

ステップ6:アップロードされたファイルへのアクセスを制限する

フォームが機密性の高いメディア(IDや顧客のアップロードなど)を収集する場合、誰が表示できるかを制限できます。

高度なタブの下で、「ファイルアクセス制限を有効にする」をオンにします。

カメラフィールドのファイルアクセス制限オプション

ここでは、次のことができます。

  • ログインしているWordPressユーザーにアクセスを制限する、または
  • 追加のセキュリティのためにパスワード保護を追加する。

これは、個人ファイルをプライベートに保つためのシンプルですが重要な方法です。

WordPressフォームにカメラオプションを追加するのは数回のクリックで完了しますが、人々があなたのサイトとやり取りする方法を完全に変えます。

基本的に、もうテキストを収集しているだけではありません。フォームを通じて、証拠、顔、瞬間、創造性を直接収集しています。

さあ、始めましょう!WPFormsを開き、カメラフィールドをドロップして、ユーザーにポーズをとってもらいましょう。

WPFormsのカメラフィールドに関するFAQ

ユーザーは送信前に写真やビデオを撮り直すことができますか?

はい!キャプチャ後、プレビューが表示され、保持、撮り直し、または削除するオプションが表示されます。誤って悪いセルフィーが送信されることはありません!これにより、エクスペリエンスがより自然になり、ユーザーは自分の送信が望むとおりに見えることに自信を持つことができます。

カウントダウンタイマーを変更できますか?

はい — カメラの起動までの遅延を長くしたり短くしたりしたい場合は、開発者が短いPHPスニペットで調整できます。例えば、ビデオイントロのために遅延を延長してユーザーが準備する時間を確保したり、IDチェックのようなスナップショットのために短縮したりできます。

モバイルでも動作しますか?

もちろんです。カメラフィールドは、電話機に内蔵されているカメラを自動的に使用するため、ユーザーはオンザスポットで写真やビデオを撮影できます。特に、配達確認、フィールドレポート、または簡単な視覚的フィードバックなど、外出先からの提出に便利です。

アクセスするには、より上位のプランが必要ですか?

いいえ!カメラフィールドはWPForms Basicから利用できるため、使用するためにアップグレードする必要はありません。すでに有料プランをご利用の場合は、ビルダー内ですぐに使用できます。ドラッグ&ドロップするだけで、数分で写真やビデオをキャプチャできます。

このブログ記事で、カメラフィールドがクライアントのオンボーディングフォームに最適だと述べました。従業員ディレクトリの写真、短い紹介ビデオなどを考えています。クライアントのオンボーディングを簡素化するための追加のヒントをご希望ですか?続きは、次のブログ記事をお読みください。

フォームの作成準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。

この記事がお役に立った場合は、FacebookTwitterでフォローして、WordPressの無料チュートリアルやガイドをさらにご覧ください。

開示:当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPFormsがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかをご覧ください

ケイシー・クーパー

ケイシーはWPFormsのブログを担当し、週刊ニュースレターを監督しています。また、楽しいフォームテンプレートを作成することにも情熱を注いでいます。2016年からWordPressでブログを書き、それについて執筆しています。 詳細はこちら

最高のWordPressドラッグアンドドロップフォームビルダープラグイン

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。