Forminatorプラグインの紹介（およびその仕組み）

Webサイトに関して言えば、フォームは使用できる最も用途の広い要素の1つです。 フォームは、ユーザーがあなたに連絡したり、クイズに答えたり、想像できるあらゆる種類のデータを入力したりできるようにするものです。 WordPressには、フォームの追加に役立つオプションがたくさんありますが、それは新しいツールによる改善の余地がないという意味ではありません。

この記事では、新しいフォーム作成プラグインForminatorを見ていきます。 これは、WPMU DEVの無料のオールインワンツールであり、ほぼすべてのタイプのフォームベースの要素を構築できます。 プラグインの動作をよく見て、試してみる必要があるかどうかについて話し合います。

フォームについて話しましょう！

フォームがWebサイトに不可欠な理由

ウェブサイトやアプリにデータを入力する必要がある場合は、通常、フォームから入力します。 これらにはさまざまな形とサイズがあり、いくつかの異なるタイプの「フィールド」が含まれています。

典型的な例は、通常はテキストフィールドのみで構成される標準の連絡フォームです。 ただし、ドロップダウンメニュー、ラジオボタンフィールド、その他多くのオプションを含めることもできます。

ほとんどすべてのウェブサイトは、何らかの形でフォームを使用しているため、フォームは非常に重要な要素となっています。 そのため、カスタマイズ用の複数のタイプのフォームとオプションを作成できるツールを用意することが重要です。

WordPressを使用すると、あらゆるタイプのフォームを作成できるプラグインがすでにたくさんあります。 その分野の新しい候補を見てみましょう。

Forminatorプラグインの紹介

Forminatorプラグインは、WPMUDEVの最新ツールです。 Hummingbird、WP Smush、Custom Sidebarsなど、他のいくつかの人気のあるプラグインの背後にあるチームとしてそれらを知っているかもしれません。

この特定のフォームプラグインを脇に置いているのは、WPMU DEVリリースの標準であるように、その洗練のレベルです。 Forminatorは、連絡先フォーム、投票、さらにはクイズなど、さまざまな種類のフォームを作成するために使用できるドラッグアンドドロップエディタを提供します。

さらに、プラグインは、Google Sheets、Zapier、Trello、MailChimp、AWeberなどのいくつかのサードパーティサービスと統合されています。 実際には、これは、Forminatorを使用して、データ、電子メール、および想像できる他のほとんどすべてのタイプの情報を収集できることを意味します。

最後に、ForminatorがGutenbergエディターを完全にサポートしてゲートから出てきたことは言及する価値があります。 つまり、すでに新しいエディターを使用している場合は、Forminatorブロックにアクセスできます。 それ以外の場合は、ショートコードを使用して、サイトの任意の場所にフォームを追加できます。

Forminatorプラグインの動作

Forminatorプラグインが提供するものを見てみましょう。 フォローしたい場合は、プラグインを無料でダウンロードできるので、すぐに自分のサイトにインストールできます。

プラグインをアクティブ化するとすぐに、ダッシュボードに新しいForminatorタブがポップアップ表示されます。 それをクリックすると、既存のフォームの概要が表示されます。 また、エントリ、人気、コンバージョン率の内訳も表示されます。

この最後のメトリックは、フォームのパフォーマンスを追跡するために使用できるため、特に重要です。 プラグインには組み込みのA / Bテスト機能は含まれていませんが、このデータを使用して、それほど面倒なことなくコンバージョン率を比較できます。

次に進むと、Forminatorプラグインを使用して新しいフォームを追加するのは簡単です。 フォームに移動し、内の[作成]ボタンをクリックするだけです。 [インポート]をクリックして、他のサイトからフォームをインポートすることもできます。

[作成]をクリックすると、フォームを作成できるビルダーが表示されます。 右側に、追加できるすべてのフィールドを含むリストが表示されます。

フィールドを追加するには、フィールドをエディターの左側にドラッグするだけです。

すでに追加したフィールドのいずれかをクリックすると、複数の構成オプションにアクセスできます。 たとえば、[電子メールアドレス]フィールドには[必須]設定が含まれています。 つまり、ユーザーは有効なメールアドレスを入力しないとフォームを送信できません。

[詳細設定]タブをクリックすると、問題のフィールドにカスタムCSSクラスを追加できます。 プラグインを使用すると、フィールドに条件付きロジックを設定できるため、楽しいオプションの世界全体が開かれることに注意してください。

フォームの準備ができたら、エディター画面の上部にあるボタンを使用してフォームをプレビューできます。

デフォルトでは、Forminatorを使用して作成するフォームは、完璧でモダンなデザインになっています。 エディタの下部にある[フォーム設定]ボタンをクリックして、外観を微調整することもできます。 ここでは、選択できる複数のテーマがあります。 フィールドのタイポグラフィを変更したり、カスタムCSSを追加したりすることもできます。

つまり、フォームのスタイルのほぼすべての側面を微調整できます。 これにより、Forminatorプラグインを使用して、ほぼすべてのテーマに一致するフォームを作成できます。

プラグインでは、お問い合わせフォームに加えて、クイズと投票の両方を作成することもできます。 新しい投票を作成することは、質問を設定し、それに対する潜在的な回答を追加するという単純な問題です。

クイズを作成するときに、 「間違った答えなし」と「知識」のいずれかを選択して、そのタイプを選択することもできます。 後者は、正しい答えを提供するためにユーザーをテストするクイズを指しますが、前者は、調査など、答えが正しくない質問に関係します。

私たちのテストでは、 「間違った答えはありません」を選択しました。 この時点で、クイズ名を設定し、注目の画像を追加して、説明を入力できます。

基本を設定したら、クイズの複数の結果を作成できます。 次に、それらにつながる質問を設計できます。 全体として、豊富なオプションにもかかわらず、新しいクイズの作成はとても楽しく簡単です。

最後に、フォーム、投票、クイズを実際にWebサイトに追加するプロセスについて説明しましょう。 これを行うために、プラグインはショートコードを使用します。ショートコードは、それぞれの[フォーム] 、[投票] 、または[クイズ]タブで確認できます。

それらのいずれかをページに追加するには、対応するショートコードをコピーしてエディター内に貼り付けるだけです。 Diviユーザーは、 Codeモジュールを使用してこれらのショートコードを追加でき、問題なく機能します。 グーテンベルクエディターを使用している場合は、付属のForminatorブロックを使用できるため、フォームの追加がさらに簡単になります。

Forminatorプラグインの使用を検討すべき人

WordPress用のフォーム関連プラグインに不足はありません。 たとえば、お問い合わせフォームを設定する場合は、お問い合わせフォーム7、カルデラフォームなどがあります。 クイズや投票の作成に役立つプラグインを探している場合は、代わりにクイズとサーベイマスターまたはレスポンシブ投票を試すことができます。

これらは私たちの頭から離れたほんの数例ですが、Forminatorと同じ汎用性を提供するプラグインはほとんどありません。 このプラグインを使用すると、フォームに関連するすべての要素のワンストップソリューションを取得できます。 さらに、100％無料です。これは常に素晴らしいニュースです。 これにより、特に標準のコンタクトフォームよりも複雑なものを設計する場合は、Forminatorが確実な選択肢になります。

結論

Forminatorは、あなたがコンタクトフォーム、クイズ、および世論調査を作成するために必要なすべての機能を提供します新しいフォームビルダプラグインです。 フォームを作成およびカスタマイズする際に非常に多様性があり、フォーム作成のニーズに確実に対応できます。

より多くのフォームプラグインに含めてほしい特定の機能はありますか？ 以下のコメントセクションでそれについて話しましょう！

Jane Kelly /shutterstock.comによる記事のサムネイル画像