オンライン注文フォームをWordPressに追加する方法

WordPressサイトにオンライン注文フォームを簡単に追加する方法が必要ですか？

オンライン注文フォームは、顧客があなたから製品や食品を注文する方法に関して、あなたにもっと自由を与えます。 さらに、チェックアウトプロセス中にいつでも見捨てられる危険性のあるショッピングカートを切り取ります。

この記事では、WordPressにオンライン注文フォームを追加する方法を紹介します。

WordPressにオンライン注文フォームを追加するための6つのステップ

このチュートリアルでは、Kaliフォームを使用します。 Kali Formsは、WordPress用の強力な連絡先フォームプラグインであり、直感的でユーザーフレンドリーなフォームビルダーと全体的にクリーンなインターフェイスを使用しています。 その最も注目すべき機能のいくつかには、複数ページのフォーム、支払いを収集する機能、事前定義されたテンプレート、および数十のフォームフィールドが含まれます。

Kali Formsはフリーミアムプラグインですが、支払いを回収し、テンプレートを使用し、追加機能にアクセスしたい場合は、プレミアムライセンスが必要です。 価格は、1サイトライセンスで年間29ドルからです。 これにより、PayPal統合がアクティブになります。 Stripe統合をアクティブ化するには、上位層の1つにアップグレードする必要があります。

プレミアムバージョンをインストールする前に、無料バージョンのKaliFormsをインストールしてください。 ライセンスをアクティブ化したら、インストールする拡張機能を確認します。 このチュートリアルでは、KaliFormsSubmissionsおよびKaliFormsPayments拡張機能が特に重要です。

電子メールの配信可能性を確保するためにさらにいくつかの設定を構成すると、注文フォームで作業できるようになります。

ステップ1：フォームを作成する

Kali Formsには注文フォームテンプレートがないため、 KaliForms→AddNewに移動し、新しい空白のフォームを作成して、新しいフォームを作成することから始めます。

フォームビルダーに直接移動し、目的のフォームフィールドの追加を開始できます。

ステップ2：収集する必要のある情報を決定する

すべての注文フォームが同じように作成されるわけではありません。 すべてのフォームは、少なくとも顧客の名前と電子メールアドレスを収集する必要があります。 物理的な商品を販売する場合は、その住所も必要になります。

顧客の電話番号が必要かどうかは自分で決めてください。 この情報は、食品の配達など、すぐに配達される製品を販売する企業にとって最も役立ちます。

また、商品をいつ配達するか、または集荷の準備をするかを決定する時間枠をビジネスが提供する必要があるかどうかを判断する必要があります。

次に、販売する製品の種類と、フォームでの販売方法を決定します。 Kali Formsには、2つの製品フォームフィールドがあります。1つは単一の製品用で、もう1つは多くのバリエーションから1つを選択できるものです。

これらのフォームフィールドは、フォームの下部にある注文合計を集計するように設計されていますが、商品を1つのユニットとして販売するために余分な費用がかからないバリエーションがある場合は、単一の商品を組み合わせて使用​​することをお勧めします。フォームフィールドと選択ベースのフォームフィールド。

最後に、支払いをどのように受け入れるかを決定します：PayPalまたはStripe。 幸い、KaliFormsには両方のオプションがあります。

ステップ3：顧客詳細フォームフィールドをフォームビルダーに追加します

フォームに含める必要のあるもののリストが必要です。 さて、それはそれらをフォームフィールドに変えるだけの問題です。 最初に、次の情報と、それらを作成するために使用できるフォームフィールドから始めましょう。

• 名前–テキストボックス
• メールアドレス–メール
• 住所–3つのテキストボックス
• 電話番号–電話

不要なものは自由に除外してください。

フォームビルダーのフィールドを右にドラッグアンドドロップすると、次のようになります。

フィールドをクリックして、個々のプロパティを編集します。 これらのフィールドの場合、フィールドキャプションとフィールドプレースホルダーのプロパティに入力するだけで十分です。 Captionプロパティに割り当てるラベルは自明である必要があるため、わざわざ説明を入力しないでください。

プレースホルダーのプロパティには、顧客に入力してほしい情報の例を入力します。 名前には、「姓名」、「JohnDoe」などを入力できます。

また、それぞれの必須プロパティを必ず有効にしてください。

フォームはもう少し長く見えます。幅調整ツール（各フィールドのゴミ箱アイコンの下にあります）を使用して、名前、メールアドレス、アドレスのフィールドを少し短くして、並べて配置できるようにします。 。

結果は次のようになります。

次へ移りましょう。

ステップ4：フォームを複数のページに分割する

最後の顧客詳細フィールドの下にページ分割フィールドを追加します。 これにより、フォームが複数のページに分割され、ページ分割間の各チャンクが新しいページを表します。

心配しないで。 これらのページは、実際にはブラウザに新しいページをロードしません。 次のフォームフィールドのセットは、顧客が[次へ]ボタンをクリックしたときに表示されます。

オンライン注文フォームは長いことで有名です。 一度に少しの情報を紹介するだけで、注文を完了するよう顧客に促します。

また、Gutenberg Shortcodeブロックを使用してフォームのショートコードをページに追加し、ビルドプロセス全体を通してフロントエンドで表示できるようにしてください。

ステップ5：フィールドを追加する

手順2でブレインストーミングしたリストを使用して、フォームに追加する必要のある追加フィールドを決定します。 これらは、日付と時刻のピッカーフィールド、チェックボックスフィールド、ドロップダウンフィールド、またはカラーピッカーフィールドである可能性があります。

[製品]フィールドと[複数の製品]フィールドは、フォームに製品を追加するために使用するものです。 [商品]フィールドは単一の商品用であり、請求した価格が合計に自動的に追加されます。

[複数の製品]フィールドを使用すると、さまざまな製品または製品のバリエーションをさまざまな価格で追加でき、顧客は購入したい製品を選択できます。 これは、販売する6つの製品、同じ製品であるが、バリエーションが異なる、バンドルが異なる、レストランの場合は材料が異なるなどの場合があります。

[複数の商品]フィールドには複数選択オプションがなく、顧客が複数の数量を追加することもできないため、さらに購入できるようにするには、別の[複数の商品]フィールドを追加する必要があります。 使用する複数の商品フィールドの追加セットごとに、価格が0ドルの「なし」というラベルの付いた空白の商品を作成してください。

この後にテキスト領域を追加して、顧客がメモを提供できるようにし、支払いセクションに移動する前に別のページ分割を追加します。

ステップ6：支払いの設定

ページ分割の下に[合計]フィールドを追加して、顧客が支払う前に合計を確認できるようにします。

[設定]ページを開きます。 支払いに移動してPayPalを設定し、Stripe設定を行ってStripeを設定します。 両方を使用することもできます。 いずれの場合も、ダッシュボードにログインしてAPIキーを設定してから、ここに入力する必要があります。

次に、それぞれのボタンをフォームビルダーに追加します。 Kali Formsは、両方を追加しようとすると、フォームに両方の支払い方法を追加することを提案します。 PayPalを使用している場合は、販売者のメールアドレスも入力する必要があります。 これは、サンドボックスアプリを使用している場合に提供されるサンドボックスのメールアドレスです。 ライブアプリを作成した場合は、PayPalへのログインに使用するメールアドレスを使用してください。

[一般]、[フォームのスタイリング] 、[スパム保護]のセクションに目を通し、これらの設定も構成します。 Kali Formsは、多くの一般的な電子メールマーケティングプラットフォームとも統合されており、顧客の領収書や注文の更新を送信できます。

この統合を設定するには、[ライセンス]ページにニュースレター拡張機能をインストールし、Kali Formsのグローバル設定の[ニュースレター]セクションにメールマーケティングプラットフォームのAPIキーを入力し、個々のフォームの[ニュースレター]セクションで設定を構成します。

これで、もちろん、フォームのページを作成してそのショートコードを追加した後、支払いの受け入れとフォームの送信の完了を開始する準備が整いました。

まとめましょう。

最終的な考え

フォーム送信の受信を開始すると、Kaliフォームの設定の[フォームエントリと支払い]ページでそれらを表示できます。 上位のライセンスの1つを持っている場合は、GoogleAnalyticsを介してユーザーの行動を追跡することもできます。

KaliFormsを無料で使い始めることができることを忘れないでください。 PayPalと主要なEメールマーケティングプラットフォームの統合は、年間29ドルで最も安いライセンスで利用できます。

開示：この投稿にはアフィリエイトリンクが含まれています。 これは、あなたが購入をするならば、我々が小額の手数料をするかもしれないことを意味します。