WordPress サイト用の強力なフォームビルダーをお探しですか？もしそうなら、Elementor Forms と WPForms のどちらが最適か比較していることでしょう。
Elementorは、フォーム作成機能を備えたウェブサイト・ビルダー・プラグインです。
WPFormsはパワフルでユーザーフレンドリーなフォームビルダーです。
この記事では、2つのプラットフォームを比較して、どちらがWordPressウェブサイトに最適かを判断します。
Elementor FormsとWPFormsの比較 - クイック概要
Elementor Form は WPForms と比較するといくつかの制限があります。WPForms では、何百ものビルド済みフォームテンプレート、ドラッグ＆ドロップコントロールを使ってマルチカラムのフォームを作成できる優れた使いやすさ、強力なアンチスパムフィルタ一式を利用できます。Elementorにはこれらの機能がすべてありません。
Elementor Forms vs. WPForms：どちらがベスト？
それでは、それぞれのプラグインを比較するために、それぞれのプラグインでフォームを作成する手順を説明しましょう。
この記事で
エレメンタ
Elementorは、ユーザーがコーディングの知識がなくても美しいウェブサイトを作成できるドラッグ＆ドロップ式のウェブサイトビルダーです。
完全なウェブサイトビルダーとして、それは多くの機能とその機能を向上させる方法を持っています。その中でも
- Elementorページビルダー
- テーマビルダー
- eコマース機能
- ランディングページ・ビルダー
- ポップアップビルダー
- ワークフローの最適化
- フォームビルダー
この比較では、Elementor フォームビルダーを取り上げます。
フォームの作成
ウェブサイトビルダーとして、Elementorはドラッグ＆ドロップで要素を配置できます。最初に気づくのは、フォームビルダー自体がウィジェットであるということです。ウィジェットをページにドラッグ＆ドロップします。
ページにフォームウィジェットを追加したら、フィールドの追加を始めましょう。デフォルトでは、Elementor はシンプルなコンタクトフォームを提供します。必要に応じてフィールドを変更、追加、削除できます。
全部で20のフォームフィールドがあり、ウェブサイトに必要な標準フォームを作成することができます。
最もよく使われるフォームフィールドをいくつか使ってフォームを作成しました。その過程で、すべてのフォームフィールドとデザイン要素が左サイドバーから来ることがわかりました。スクロールしながら、調整することができます。フォームに関しては、これらのオプションがスタイリングの範囲です。
フォーム・フィールドをドラッグ・アンド・ドロップすることなく、クリックして追加するだけなので、レイアウトを変更するのが難しいことがわかりました。下のフォーム例にあるように、右端が揃いません。
フォームフィールドを追加するためにクリックすると、デフォルトで全幅の100％になります。フィールドを短くするために、各フィールドの設定で調整することができます。このフォームの例では、すべての幅を75%に設定しています。
日付と時刻のフィールドのように、フィールドを隣り合わせにするためには、両方のフィールドが1行に収まるまでサイズを小さくするしかなかった。
しかし、特定の幅を入力することはできません。そのため、両方のフィールドの幅の合計を75％にして、他のすべての行と同じにすることはできませんでした。そこで、1行の合計を80％にして、各フィールドを40％に設定しています。
他の行の幅を変えることで、これを回避することができる。スペースに限りがある場合は難しいかもしれませんが。
もし、あなたの仕様にレイアウト変更が必要ないのであれば、これは問題にはならないだろう。
インテグレーションとアドオン
Elementorと連携するツールは約40種類ある。Zapierに接続すればさらに増える。さらに、約25のサードパーティアドオンが利用可能です。
投稿
他のフォーム設定と同様に、左サイドバーの設定から送信時の動作をコントロールすることができます。最初に表示されるのは送信後のアクションで、ユーザーがフォームを送信したときに発生させたいアクションを選択できます。
ここで、統合に基づいたメール、ウェブフック、その他のアクションをトリガーするように設定できます。
送信後のアクション」ドロップダウンの直後に表示されます。
1つ目は「投稿を収集」です。Elementorの設定で、フォーム送信を収集してElementorに保存するように設定している場合は、このドロップダウンフィールドに表示されます。
その次がEmailで、フォーム送信時にEメール通知をトリガーすることができます。
その他の特徴
以下は Elementor Forms の追加機能です：
- reCAPTCHAとハニーポット
- スペーシング、カラー、タイポグラフィを調整するスタイリングオプション
- モーション・エフェクト
- 背景色をソリッドまたはグラデーションに変更する機能
- レスポンシブな行動
- カスタムCSSの追加
価格
Elementor Forms にアクセスするには、Elementor Pro ウェブサイトビルダーのライセンスを購入する必要があります。プランは月額 $9.99 からです。
WPForms
WPFormsはドラッグ＆ドロップで様々なフォームやアンケートを作成できるフォームビルダーです。WPFormsを使えば、コーディングの知識がなくても、簡単に、素早く、包括的でプロフェッショナルなフォームを作成することができます。
Elementorとは異なり、WPFormsはスタンドアロンのWordPressフォームプラグインです。使うために余計なものをインストールする必要はありません。初心者には簡単ですが、上級者には十分強力です。
Elementor Forms との比較を見てみましょう。
フォームの作成
WPFormsでフォームを作成するのは簡単です。入れたいフィールドを選び、フォームビルダーにドラッグ＆ドロップします。レイアウトフィールドで簡単にレイアウトを調整することもできます。
WPFormsは現在2,000以上のフォームテンプレートを提供しており、お好みに合わせてカスタマイズすることができます。あなたがテンプレートをカスタマイズするか、ゼロからフォームを作成するかにかかわらず、あなたのフォームに追加するために選択することができます35以上のフォームフィールドがあります。
まずはWPFormsをダウンロードしてインストールし、WordPressで開いて新規追加をクリックします。
次の画面では、テンプレートまたは空白のフォームを選択できます。
そうすれば、あとはドラッグ＆ドロップで完璧なフォームを作ることができる。
Elementorでは、すべての調整はサイドバーから行った。WPFormsでは、いくつかの方法で設定を調整できる。フォームフィールドの調整はフィールドごとに個別に行う。この例として、条件ロジックの追加があります。
サイドバーメニューの設定ボタンをクリックすると、フォームの全体的な設定を変更することができます。ここは投稿の動作、スパム保護、アドオンの設定を調整する場所でもあります。
同じサイドバーメニューで、支払いフィールドを使用する支払いゲートウェイを設定することができます。これにより、例えばフロントエンドのユーザーが商品や登録に対して支払いをすることができます。
Elementorで様々なレイアウトを設定するのは少し手間がかかると感じたが、WPFormsではとても簡単だ。必要なのはレイアウトフィールドを選択し、カラムの数とレイアウトを選択するだけです。その後、好きなようにフィールドをドラッグ＆ドロップできます。
これらを組み合わせて、魅力的でダイナミックなフォームを作ることができる。
Layoutsフィールドを使って作成したフォームの例です。1行目には、姓と名の2つの入力ボックスを持つ1つのフィールドがあります。2行目は2カラムです。3行目は再び1カラムです。
レイアウトはあなたのフォームに素敵な外観を与えます。WPFormsでは、すべてがドラッグ＆ドロップで操作できるので、各フィールドのパーセンテージを計算する心配はありません。
インテグレーションとアドオン
WPFormsには数多くのアドオンがあります。お気に入りのEメールサービスプロバイダ、CRM、支払いゲートウェイと統合できます。
興味深いことに、WPFormsはElementorとも統合できる。あなたのサイトで両方のプラグインを有効にするだけで、この統合は自動的にセットアップされます。
Elementorには、ページの任意の場所に配置できるWPFormsブロックがあります。これにより、WPFormsで作成したフォームを個別に選択して埋め込むことができます。
ElementorでWPFormsを使うことで、まったく新しい可能性が広がります。例えば、ElementorのフォームをGoogle Sheetsと連携させて、フォーム送信をスプレッドシートに保存することもできます。
さらに、いくつかの利用可能なアドオンは、署名、保存と再開、アンケートや投票などの機能を追加することによって機能を向上させます。
ZapierおよびUncanny Automatorとの統合により、フォームをより多くのツールに簡単に接続できます。
投稿
WPFormsでは、2つの主要な設定がユーザーがフォームを送信した後の処理を決定します。これらの設定は通知と確認です。両方ともフォームの設定でアクセスできます。
誰かがフォームを送信したときにEメール通知を送信するように設定したい場合は、通知設定を行います。
どのフィールドが通知に含まれるか、誰が通知を受け取るか、添付ファイルが含まれるかどうかなどを調整できます。また、設定した仕様に基づいて一部の通知のみを行いたい場合は、条件付きロジックを適用することもできます。
確認の設定では、ユーザーがフォームを送信した後に表示するメッセージを設定できます。メッセージを表示するだけでなく、特定のページを表示したり、別のURLにリダイレクトすることもできます。
その他の特徴
以下はWPFormsの追加機能です。
- マルチページ、会話形式、リードフォームを作成する能力
- Google reCAPTCHA、hCaptcha、Custom Captcha、Cloudflare Turnstile
- PayPal、Square、Stripe、Authorize.Netと統合し、支払いを収集します。
- 高度なレポート機能を備えたSurveys and PollsアドオンとNet Promoter ScoreおよびLikert Scaleフォームフィールド
- 条件論理
- 署名とファイルのアップロードを受け付ける
- Elementorと連動
価格
WPFormsには無料版があり、フォームスタイルのカスタマイズ、Stripeペイメント、Elementorとの統合など、印象的な高度な機能の数々を提供しています。
より高度な機能やアドオンにアクセスするには、有料ライセンスが必要です。プレミアムプランは年間49.50ドルから。
ElementorでWPFormsを使う
この記事で前述したように、ElementorとWPFormsにはかなりの違いがある。最大の違いは、Elementorがフォームビルダーオプションを備えたウェブサイトビルダーであるのに対し、WPFormsは堅牢なフォームビルダープラットフォームであることだ。
Elementor を使ってサイトをデザインするのは好きだけど、もっと強力なフォーム機能が欲しいという方にはラッキーです。ElementorでWPFormsを使うことができます。
Elementorのサイトビルダーで要素を追加していると、WPFormsのアイコンがあることに気づくでしょう。
ページにドラッグすると、フォームを選択するオプションが表示されます。
Elementorページで使用したいフォームを選択すると、フォームが表示されます。
WPForms は Elementor 内で使用する場合、フォームビルダーではないことを覚えておいてください。すでに作成したフォームをインポートするだけです。つまり、Elementorにインポートする前にWPFormsでフォームを作成する必要があります。
ElementorではWPFormのスタイルカスタマイズオプションも利用できます。これらのオプションを使って、ポイント＆クリックの簡単な操作でフォームの外観を変更することができます（CSSは全く必要ありません）。
Elementor ページビルダーを使ってフォームをページに埋め込んだら、フォームをクリックして選択し、編集オプションのスタイルをクリックします。
ここから、フィールド、ラベル、ボタンのスタイルをカスタマイズして、サイトのルック＆フィールに合わせることができます。
完成すれば、サイトのテーマや色にマッチした美しいスタイルのフォームができあがります。
ElementorでWordPressのフォームをカスタマイズする方法についてのチュートリアルをご覧ください。
これはWPForms Liteでも使えます。Elementorの無料版とWPFormsの無料版を一緒に使うことができます。両方のツールの無料版はより制限されていますが、これは予算上のそれらのための大きなプラスです。
Elementor Forms と WPForms：どちらがベスト？
優勝者を発表する前に、私たちが取材した主な検討ポイントを紹介しよう。
| エレメンタル・フォーム | WPForms | |
|---|---|---|
| スタンドアローン・プラグイン？ | いいえ (Elementor Proが必要です） |
はい |
| 価格 | 月額9.99ドルから | 年額49.50ドルから |
| 無料版は？ | 無料版のElementor ProにはElementor Formsは含まれていません。 | はい |
| 統合 | 40の統合＋Zapier | 40の統合 + Zapier & Uncanny Automator |
| 決済ゲートウェイ | StripeをElementor Proに接続して、Stripeフィールドを作成できます。 | ペイパル ストライプ スクエア オーソライズドネット |
| フォームテンプレート | 0 | 2,000+ |
| スパム対策 | reCAPTCHA ハニーポット |
reCAPTCHA hCaptcha カスタムCaptcha クラウドフレア・ターンスタイル |
| 条件論理？ | いいえ | はい |
多くの機能と特徴を持つフォームを作成するには、WPFormsが最適です。
Elementor Proはウェブサイトを構築するための素晴らしいツールですが、ほとんどの人はフォームを構築するためだけに完全なサイトビルダーを必要としません。WPFormsと同じ機能の多くを得るためには、複数のサードパーティプラグインやアドオンをダウンロードしてインストールする必要があります。
WPFormsはまた、個人や中小企業のような予算が限られている人々にとってより良い選択肢です。
次に、条件ロジックの使い方を学ぶ
条件付きロジックは、回答者に該当する質問のみを表示することで、良いユーザーエクスペリエンスを提供します。WPForms で条件付きロジックを使用して、フォームやアンケートを次のレベルに引き上げる方法をご覧ください。
また、フォームやアンケートにもっと会話的なアプローチを試したい場合は、一度に1つの質問を表示するアンケートの作成方法をお読みください。
フォームを作る準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
