無駄のない電子商取引ソリューション: 滑らかなフォームでオンライン注文を受け入れる

公開: 2024-01-17

インタラクティブ性への入り口として、フォームは Web サイトの重要な部分を表します。 そのため、それらはもはやあなたに連絡する「単なる」方法ではありません。 代わりに、適切な WordPress プラグインを使用して、多数のタスクを実行できます。 たとえば、Fluent Forms でオンライン注文を受け入れることは、プラグインの力を活用する優れた方法です。

この投稿では、Fluent Forms を使用してオンライン注文を受け入れるための完全なガイドを提供します。 これは、この優れたプラグインの他の部分と同様に、きっと気に入っていただけるユースケースです。 ただし、私たちの最初の目的は、プラグインが一般的に何を達成できるかについて少し説明することです。

Fluent フォームの概要

Fluent Forms のロゴ。

Fluent Forms については、WP 市長ブログの他の場所でレビューしています。 このため、ここでは Fluent Forms とは何かについて詳しく説明する必要はありません。 それでも、プラグインがどのような機能を備えているかを示しているため、その主要な機能のいくつかは注目に値します。

  • 想像できるほぼすべてのフォームの構築に役立つツールがすべて揃っています。 事前に構築されたテンプレートから開始し、それをさらにカスタマイズし、ドラッグ アンド ドロップ ビルダーを使用してフィールドを構築できます。
  • そういえば、選択できるフォームフィールドは 50 以上あります。 これはテキストの種類の違いだけではありません。 ユーザーがファイルをアップロードしたり、ラジオ ボタンを使用してオプションを選択したりするのに役立つフィールドがあります。
  • Fluent Forms には、データのキャプチャに役立つ高度な機能も含まれています。 たとえば、計算を行ったり、フィールドに条件付きロジックを適用したり、住所をオートコンプリートしたりすることができます。

Fluent Forms の完全なレビューをチェックして、プラグインの機能を正確に確認することをお勧めします。 ただし、この記事の焦点はトランザクションです。 次に、WordPress フォームビルダーが支払いを受けるほぼ完璧な方法である理由について説明します。

Fluent Forms が理想的な電子商取引ソリューションである理由 (専用のものではないにもかかわらず)

表面的には、電子商取引を実行するためにフォーム プラグインを推奨するのは奇妙に思えます。 ただし、これにはいくつかの大きな理由があります。 まず最初に、複雑さを考慮します。

たとえば、Woo などのプラグインのインストールはセットアップが簡単ですが、多くのシナリオには理想的ではありません。 確かに、紹介する製品ラインとバリエーションのフルセットがある場合は、Woo が最適です。 ただし、このレベルの管理を必要としない他のいくつかのシナリオを想像してください。

  • 複雑な製品オプションを必要としない、サイトへの 1 回限りのアクセスを販売することもできます。
  • 個人的なイベントを開催する場合、シンプルなソリューションを通じてチケットを販売するだけで十分です。
  • ビデオ通話などの会議にはコンサルティング料を請求することができます。 このような場合、お問い合わせフォームの段階で手早く支払うのが優れた支払い方法です。

もちろん、さらに多くの種類の状況では、このような支払いソリューションが必要になります。 つまり、フォームビルダーが提供する機能を使用すると、「二重の役割」を実現できます。 つまり、選択したプラグインがニーズに対応でき、データを安全に保ち、ビジョンに合わせてエクスペリエンスをカスタマイズできます。

流暢なフォームでオンライン注文を受け入れる: 2 ステップのハウツー ガイド

投稿のこの部分では、オンライン注文を受け入れるときに Fluent Forms を使用する方法を見ていきます。 Fluent Forms のインストール プロセスについては説明しないことに注意してください。 これについては、Fluent Forms のレビューを確認する必要があります。 ただし、プラグインをアクティブ化したら、プラグインを開いてガイドに従ってください。

1. 支払いゲートウェイの設定

Fluent Forms を使用したオンライン注文の受け付けは、Fluent Forms ダッシュボードから開始するだけで、それほど時間はかかりません。 このプラグインで利用可能なすべてのプレミアム プランでは、WordPress 内の[Fluent Forms Pro] > [グローバル設定] > [支払い]画面で支払い機能にアクセスできます。 クリックするオプションは次のとおりです:支払いモジュールを有効にする:

Fluent Forms の支払い設定画面。

これを行ったら、会社名、住所、ロゴを入力します。 「通貨」タブ内で、デフォルトの通貨を選択し、それらの数値の表示方法をカスタマイズします。

Fluent Forms 支払いの通貨設定を調整します。

「支払い > 支払い方法」ページで、注文を受けるときに使用するゲートウェイを選択して設定できます。 多数の支払いゲートウェイがあり、ツールバーにそれらのオプションが表示されます。

Fluent Forms 内での Stripe 設定の有効化。

簡単に言うと、それぞれのゲートウェイをオンにして重要な情報を入力する必要があります。 優れた Fluent Forms ドキュメントでは、特定のサービスごとにガイドされています。 いずれにせよ、ゲートウェイを設定して変更を保存すると、フロントエンドでフォーム フィールドの表示とカスタマイズを開始できるようになります。

2. 支払いフィールドの表示とカスタマイズ

支払いを設定するには、 [Fluent Forms Pro] > [フォーム]画面に移動します。 ここで、 [新しいフォームの追加]ボタンをクリックし、フォームの開始方法を選択します。

Fluent Forms 内で新しいフォーム タイプを選択します。

クリックすると、Fluent Forms エディターが表示されます。 ここから、 [支払いフィールド]セクションを操作して、これらのフォーム フィールドをキャンバスに追加できます。

空のフォーム キャンバスに支払いアイテム フォーム フィールドを追加します。

まずPayment Items要素をフォームにドラッグします。 右側のサイドバーにはフィールド固有のオプションが表示されるため、少なくともElement Label 、 Payment Amount 、およびAmount Labelの名前内に名前を追加する必要があります。

支払い項目フォームフィールドのオプションを調整します。

顧客が同じ商品を複数注文できる場合、ここでも「商品数量」フォームフィールドが役に立ちます。

「アイテム数量」フォームフィールドをフォームキャンバスに追加します。

支払い方法フォームのフィールドも重要です。これにより、潜在的な顧客に支払いの選択肢が与えられます。 チェックボックスを使用すると、特定のゲートウェイ オプションをフォームに追加できます。

支払い方法フォームフィールドを追加して、顧客が支払いゲートウェイを選択できるようにします。

ここから、フロントエンドで支払いフォームを確認し、必要に応じて調整できます。 ただし、これで体験が終わるわけではありません。 クーポン コードなど、より多くの売上を獲得するための他の方法を追加することもできます。 さまざまな方法でカートのエクスペリエンスを向上させることもできます。 Fluent Forms のドキュメントでは、その多くについて説明しています。

よくある質問 (FAQ)

私たちのガイドでは、Fluent Forms を使用したオンライン注文の受け付けについてすべて説明していますが、すべての質問に答えるわけではありません。 投稿の最後にあるコメント セクションでこれを行うことができますが、差し迫った質問もいくつかありますので、今すぐ回答してください。

Fluent Forms にはどのような支払いゲートウェイが含まれ、サポートされていますか?

Fluent Forms には、オンラインでトランザクションを実行するための最も一般的な方法が多数含まれています。 PayPal、Stripe、Square、Mollie、Paystack、RazorPay がサポートされています。 これらをフォームにできるだけ多く追加することもできます。

すべての Fluent Forms プランでオンライン注文の受け付けは可能ですか?

はい！ Fluent Forms の全機能セットは、プレミアム レベルの選択に関係なく利用できます。

オンライン注文を受け入れるために、電子商取引ソリューションではなく、滑らかなフォームを使用する必要があるのはなぜですか?

Woo などのフル機能のプラグインがニーズに合わない場合があります。 たとえば、電子商取引プラットフォーム全体を必要としないコンサルティングに対して 1 回限りの支払いを希望する場合があります。 このような場合には、Fluent Forms の支払い機能が最適です。

支払いに流暢なフォームを使用する場合、顧客情報は安全ですか?

Fluent Forms を使用してオンライン注文を受け入れる利点は、セットアップが本質的に安全であることです。 これは、サイトにすでに導入されているセキュリティ (HTTPS や SSL など) によるものです。 さらに、データ自体は Fluent Forms によって直接処理されません。 代わりに、統合する支払いゲートウェイが責任を負います。 そのため、顧客データはサイト上の他の情報と同様に常に安全に保たれます。

おしまいです！

多くの状況では、目標を達成するために包括的な e コマース プラグインは必要ない場合があります。 これは、オンラインで支払いを行うためのシンプルで無駄のない方法が必要な場合に特に当てはまります。 Fluent Forms でオンライン注文を受け入れるのは良い決断とは思えないかもしれませんが、驚くべき効果をもたらす可能性があります。

これは、プラグインの豊富な機能セット、詳細なカスタマイズ オプション、オンライン支払いシステムの実装の容易さによって決まります。 複雑なバックエンド管理を必要としない簡単なトランザクションの場合は、Fluent Forms を使用してオンライン注文を受け入れることができ、そのまま使い続けることができます。

Fluent Forms でオンライン注文を受け入れることに興奮していますか? 以下のコメント欄であなたのご意見をお聞かせください。