ARForms プロフェッショナル WordPress フォームビルダー

WordPress でフォームを作成および表示するためのプラグインを探している場合は、ARForms WordPress Form Builder など、数多くの高品質なプラグインが見つかるはずです。 ARForms は、コーディングの知識や以前の設計経験がなくてもフォームを構築できるオールインワンのフォームビルダープラグインです。一般的な連絡先フォームだけでなく、あらゆる種類のフォームを作成し、ポップアップなどの任意の場所に表示するのに役立ちます。

このプラグインは CodeCanyon から 39 ドルで購入できます。ただし、プラグインにお金を払う前に、プラグインをテストして、最新バージョンが提供するユーザーエクスペリエンスを感じることができます。

この投稿では、まずプラグインに付属する全機能を簡単に見ていきます。次に、フォームを構築して公開し、途中で使用できる設定とオプションを確認します。最後に、アドオンを使用してフォーム機能を拡張する方法を見ていきます。

はじめましょう：

ARForms WordPress フォームビルダープラグインの機能

ARForms には、フォームを作成して Web サイトに表示するために必要なほぼすべての機能が含まれています。プラグインを使用して達成できないことはそれほど多くありません。さまざまなフィールドが用意されており、これを使用してフォーム機能を正確にカスタマイズし、希望通りに表示することができます。フォームとデータを複製、インポート、エクスポート、管理、分析できるようになります。フォームエントリの電子メール通知を設定したり、サードパーティのプラグインと統合したり、電子メールマーケティングを促進したり、分析を有効にしたりすることができます。プラグインを使用すると、通常のお問い合わせフォームからより複雑な注文フォームまで、あらゆる種類のフォームを作成できます。

機能の簡単な概要は次のとおりです。

リアルタイムビジュアルエディターにより、フォームの作成中でも作成内容を確認でき、インスタントプレビューが可能になります
ポップアップフォームを含む、非常に単純なものから非常に複雑なものまで、あらゆるタイプのフォームを作成する機能
さまざまな種類の帳票に対応する 12 種類の既製の帳票テンプレートを用意し、それぞれを細かくカスタマイズできます
進行状況バーを備えた複数ステップのフォーム。終わりのない 1 つのフォームでユーザーを怖がらせることはありません
25 個以上のフォーム要素をクリックするだけで選択してフォームに追加できます
ドラッグアンドドロップで要素やフィールドを簡単に追加し、好きなように並べ替えることができます
複数の既製の配色から選択可能
Google フォントの膨大なフォントライブラリからフォントを選択します
プロフェッショナルなベクターアイコン、フォント、ロゴを使用してフォームを強化する Font Awesome アイコン
3 つのフォームスタイル – 素材、ラウンド、スタンダード
列のサイズを変更するには、境界線をドラッグするだけです
ラジオボタンやチェックボックスを追加し、カスタム画像をアップロードして魅力的にします。
ビデオや地図などのさまざまなメディア要素を埋め込む
カーソルを置くかクリックすると表示されるツールチップでユーザーにプロンプトを表示します
ユーザーが電話番号などのいくつかのフィールドに有効なデータを入力できるようにするためのマスキングオプション
以前のフォームを複製し、テンプレートとして再利用することで時間を節約します
必要に応じて、カスタム CSS を使用してカスタマイズを強化します
ユーザーがデータを入力しても適応するスマートフォームの条件付きロジック
フォーム送信には AJAX を使用するため、ページをリロードする必要はありません
送信後のフォームの動作を制御する
ユーザーは送信後でもエントリを編集できます
重複エントリを自動的に防止
ユーザー入力に基づいて計算を行い、合計や平均などを求める数学ロジック
グラフ、マップ、チャートを使用した強力な分析
データ、フォーム全体、またはフォーム設定のインポートまたはエクスポート
ユーザーのフォーム上の進行状況を保存し、中断したところから再開できるようにする
組み込みのポップアップオプションにより、追加のプラグインを節約できます
セキュリティ対策としてのパスワード強度インジケーター
エントリー受付時の自動メール通知
MailChimp や AWeber などの複数の電子メールマーケティングシステムをサポート
ページ上で必要な場合にのみ Java CSS をロードするため、速度が低下することはありません

さらに、プラグインは高速で応答性が高く (マルチステップおよびポップアップフォームを含む)、クロスブラウザー互換性があります。電子メール用の SMTP、RTL、および多数の便利な無料および有料アドオンをサポートしています。ダッシュボードから作業すると、フォームのスタイル、位置、設定を完全に制御できます。このプラグインは、できる限り機能が豊富でありながら、使いやすさを維持することを目指しています。

ARForms のセットアップ

ARForms が提供する機能のスナップショットが得られたので、次にそれらを使用してフォームを作成および表示しましょう。プラグイン自体のインストールは簡単で、アクティブ化すると、使いやすいツールを備えたクリーンなインターフェイスが表示されます。プラグインダッシュボード内での作業は、非常に直感的なエクスペリエンスです。通常の WordPress ダッシュボードとは異なりますが、慣れてしまえば、インターフェイスの使いやすさがわかるでしょう。

新しい項目AR フォームがメニューに追加され、ここからフォームの構築を開始できます。

1. フォームの作成とカスタマイズ

フォームを作成するには、ARForms > 新規追加から始めます。 12 個のフォームテンプレートから選択できることがわかります。

空白
接触
サブスクリプション
フィードバック
お返事お願いします
登録
調査
求人応募
寄付
引用を要求
会員ログイン
注文書

これは希望するほぼすべてのフォームをカバーしていますが、カスタムフォームを作成して必要な方法で機能させるために使用できる空のフォームもあります。

まずテンプレートを選択し、カスタム CSS または利用可能な多数のカスタマイズオプションを使用してフォームのカスタマイズを開始します。フォームは、トレンディーなデフォルトのマテリアルスタイルを保持することも、丸いスタイルや標準的なスタイルに切り替えることもできます。どのようなスタイルを選んでも、鮮明でフラットで整ったフォルムが保証されます。

フォームの作成と表示のあらゆる側面をカスタマイズできます。フォームの幅を指定することで、フォームの寸法を調整できます。フォームにタイトルを付け、説明を追加することを忘れないでください。

フォーム上の各フィールドについて、列の数を調整したり、必須かどうかを指定したり、ドラッグして並べ替えたり、フィールドをコピーまたは削除したりできます。それだけではなく、文字数、ツールチップのメッセージ、デフォルト値などを設定できます。フォームをブランド要件に一致させるために、複数の配色とスタイルのオプションが利用可能です。さらに、すべてを適切に設定するために、フォームに背景画像を追加できます。

フォント、余白、境界線、配置はすべて変更できます。チェックボックス、ラジオボタン、ファイルアップロード、ドロップダウン、電子メールアドレス、電話番号、時間、Web サイトと画像の URL、パスワード、スマイリー、オートコンプリート、いいね! やスター評価など、25 以上のフォーム要素から選択できます。要素をクリックするだけでフォームに追加できます。

さらに優れているのは、フォームに要素を追加した後、各要素の設定を開いて、好みのオプションを選択できることです。これにより、コードに一切触れずに、各要素をカスタマイズできる広大な範囲が得られます。上の画像では、星評価要素に対して開くオプションを確認できます。

フォームを作成しているときでも、プレビューして希望どおりの形になっているかどうかを確認できます。さまざまなデバイスでフォームがどのように表示されるかを確認してください。

2. ユーザーエクスペリエンスを向上させるための設定

ARForms を使用すると、ユーザーがフォームにどのように反応するかを大幅に制御できます。フォームに簡単に記入して Web サイトに送信できるだけでなく、フォームに部分的に記入したままにして、中断したところからフォームに戻って記入することもできます。

ユーザーは自分のエントリを編集することもできます。フロントエンドエクスペリエンスを向上させるために、フォームの入力を支援したり、キャプチャ要件をスキップしたりするようにツールチップを構成できます。または、可能なフィールドをすべて事前に入力して、各フィールドに入力する手間を省きます。とにかくこのプラグインは、煩わしいキャプチャに依存せずにスパムからの保護を提供します。

必要に応じて、指定した数を超えるフォーム入力を制限し、重複した入力を防ぐことができます。これは、限定キャンペーンや割引オファーなどを実行する場合に特に便利です。ボリュームや時間に制約のあるキャンペーンに最適で、フォームの可用性を制御するのに効果的です。

何よりも優れているのは、真にスマートなフォームを作成する条件付きロジックの使用です。一部のフィールドへの応答に基づいて、ユーザーが入力する必要があるフィールドの数が削減されます。たとえば、子供がフォームに年齢を 10 歳と入力した場合は、親の名前のフィールドを表示できますが、ユーザーが年齢を 22 歳と入力した場合は、親の名前のフィールドを非表示にすることができます。同様に、新規訪問者と再訪問者に異なるフィールドを表示できるようにすることができます。

3. フォーム表示

フォームの構築と作成が完了したら、フロントエンドでの表示方法の構成に進むことができます。フォームをプレビューし、それを保存します。その後、フォーム用のショートコードが生成されることがわかります。各フォームは独自のショートコードを生成し、コピーして好きな投稿やページに貼り付けることができます。

ショートコードには複数の場所からアクセスできます。個々の投稿やページのエディター、または [フォームの管理] サブメニューからアクセスできます。ショートコードを挿入してフォームを表示すると、フォームを編集するたびにフォームのすべてのインスタンスを更新できるという利点があります。

エディターに追加されたタブから、フォームを投稿またはページにインラインで表示することを選択できます。

…またはモーダルポップアップウィンドウで。

ポップアップの多くの側面 (ウィンドウの寸法、色と内容、ポップアップの不透明度、オーバーレイの範囲など) をカスタマイズできます。ポップアップの背景色、閉じるボタンを表示するかどうか、全画面ポップアップとフェードインアニメーションを選択することもできます。さらに、ページ全体をポップアップしたり、ナビゲーションのメニュー項目をクリックしてポップアップを開くオプションもあります。

また、スクロールのパーセンテージ、遅延時間、リンクのクリック時、インテントの終了時、またはアイドル時など、ポップアップを開始するトリガーを選択することもできます。ポップアップは、煩わしさや煩わしさがない限り、読者の注意を引く優れた方法です。

4. フォーム送信後のアクション

ユーザーがフォームの送信ボタンを押した後はどうなりますか?これには 2 つの場所から取り組むことができます。 [グローバル設定] タブから作業して、フォームが正常に送信されたことをユーザーに知らせたり、条件付き送信用に設定したりできます。日付範囲を指定して送信をリダイレクトしたり、送信後にフォームを非表示にしたり、重複エントリを防止したりすることもできます。

もう 1 つの便利な機能は、フォームを送信する前にユーザーに情報の確認を要求する確認ステップを定義するオプションです。ユーザーが記録用に印刷できるように、提出概要を表示することもできます。

グローバル設定は、空白のままにできないフィールド、送信時のエラーの指摘、送信の成功/失敗メッセージの表示、メール設定、グローバル CSS にも役立ちます。この設定ページから、ユーザーのフォーム入力を支援する他のデフォルトメッセージの表示を設定することもできます。ここで指定したアクションはすべてのフォームに適用されます。

または、個々のフォーム自体で各フォームの送信後の動作を決定することもできます。別のページのメッセージやコンテンツを表示したり、別の URL にリダイレクトしたり、送信後にフォームを非表示にしたりすることができます。こうすることで、ウェブサイトのより多くの領域を閲覧してもらうことができます。

電子メール通知を設定して、チームの適切なメンバーに応答を送信することもできます。繰り返しますが、ショートコードはフォームの特定のフィールドから値を取得するのに役立ち、自動メールが動的になるようにします。条件付きロジックは、ユーザーの応答に基づいてフォームをチームメンバーにルーティングすることで、ここでも役立ちます。

5. 電子メールマーケティング

効率的な電子メールマーケティングワークフロー用にフォームをセットアップし、お気に入りの電子メールマーケティングサードパーティツールと統合できることは、ARForms の大きな強みです。このプラグインは、AWeber、MailChimp、GetResponse、ActiveCampaign、iContact、Constant Contact、Mad Mimi、GVO Campaign、eBizac などのオプトインツールの連絡先リストに新しい連絡先を自動的に追加します。

6. フォーム管理

ARForms を使用すると、すべてのエントリと提出物を 1 つの画面から表示できます。フォームまたは任意のデータ範囲でフィルタリングした後にフォーム送信を表示し、一括アクションを適用できます。また、ダッシュボードから個々のエントリに直接アクセスして、各エントリに関連するすべての詳細を表示したり、管理セクションからエントリを手動で編集したりすることもできます。

フォーム分析は、フォームが適切に機能しているかどうかを確認するのに役立ちます。フォームの入力内容を分析し、それをチャートやグラフにプロットして視覚化して理解しやすくするのに役立ちます。魅力的な世界地図は、あなたの投稿が世界のどの地域から来たのかを示します。

バックエンドでフォームの入力を監視することで、改善の余地がある領域を特定できます。分析でアクセスできる多数の指標は、ユーザーの行動を理解し、Web サイトのパフォーマンスをユーザーにとってより良いものにするのに役立ちます。

フォーム管理に役立つもう 1 つの機能は、エントリの有無にかかわらずフォームをインポートおよびエクスポートできる機能です。

ARForms のアドオンと拡張機能

フォームの機能を強化するために、多数の便利なアドオンが利用可能です。価格はそれぞれ 12 ～ 17 ドルで、リストの最初の 2 つは無料で利用できます。

アクティブなキャンペーン: フォームを送信するとすぐに購読者のリストを作成します。
reCAPTCHA: フォームのセキュリティ層を追加します。
Zapier: フォームを定期的に使用するアプリに接続して統合することで、ワークフローを合理化します。
投稿作成者: フォームで取得したデータを使用して WordPress ページ、投稿、カスタム投稿を作成します。
高度な MailChimp: 基本フィールドだけでなく、追加フィールドのデータを条件付きで Mailchimp に送信します。
PayPal: フォームの入力と支払いを単一のプロセスとして統合します。その後、寄付を含むあらゆる種類の支払いを受け入れることができます
ユーザーサインアップ: ユーザーがフロントエンドからサインアップし、パスワードを取得/変更し、プロファイルを管理できるようにします。
PDF Creator: ユーザーが送信したフォームに基づいて PDF を生成し、将来の参照のために保存します。
Mailster: フォーム送信から直接 Mailster メーリングリストに購読者を追加するには
MailPoet: フォーム送信から直接 MailPoet メーリングリストに購読者を追加するには
ストライプ: ユーザーがサイトを離れることなく、クレジットカードを安全に処理できます。
PayPal Pro: 定期支払いなどの PayPal 支払いの追加モードを許可します。
Authorize.net: 外部の支払いゲートウェイにリダイレクトせずに安全に支払いを回収します。
署名: ユーザーの署名を収集します。
デジタルダウンロード: フォーム送信時の安全なデジタルダウンロードオプションの場合
SMS: Twilio、Nexmo、Clickatell 経由で SMS を送信するには

まとめ

ARForms には、すぐに使える優れた機能リストが付属しています。実際にどのように機能するかを確認した後でも、これが Web サイト上のほぼすべてのフォームを構築するための優れたツールであることに疑いの余地はありません。また、この機能セットは WordPress の新規ユーザーにとって必要なものを超えているかもしれませんが、使いやすさに悪影響を与えることは決してありません。広範なドキュメントがあらゆる問題の解決に役立ち、サポートチームがチケットの送信に迅速に対応します。上級ユーザー向けにも、開発者 API ドキュメントが用意されています。

ARForms WordPress フォームビルダーを入手

ウェブサイトに追加するためのシンプルで基本的な必要最低限のお問い合わせフォームだけが必要な場合は、Contact Form 7 で十分です。しかし、動作を正確に制御できる、複雑で詳細かつ魅力的なフォームを使用して大きな成果を上げたい場合は、ARForms が十分に適しています。強力なフォームの構築に重点を置きながら、同時にユーザーに直感的で楽しいエクスペリエンスを提供します。