WordPressサイトにオンライン注文フォームを作成する方法 

WordPressでオンライン注文フォームを作りましょう。これは、あなたが支払いを収集し、直接収益を生成するために開始するために追加することができます最も強力なツールの一つです。

ゴールは簡単です：顧客が製品やサービスを簡単に注文できるようにすることです。しかし、非常に多くのツールが存在するため、フォームを構築するための最良の方法を見つけることは、圧倒的に感じるかもしれません。

私は、技術的に頭を悩ませることなく、WordPressでビジネスのアイデアを実現するお手伝いをするのが大好きです。私は多くのオプションをテストし、初心者のために実際に機能するものを知っています。

このガイドでは、シンプルなドラッグ＆ドロップビルダーを使ってオンライン注文フォームを作成します。コードは一行も触る必要はありません。

このフォームを使えば、ビジネスの成長に合わせて簡単に管理・カスタマイズできるプロフェッショナルなフォームが完成します。

WordPressでオンライン注文フォームを作成する簡単な手順：

WordPressでオンライン注文フォームを作成する方法

独自のオンライン注文フォームを作成することは、それほど難しいことではありません。このチュートリアルでは、ほとんどの作業を代行してくれるWordPressプラグインの助けを借りて、自分で簡単に作成できる方法をご紹介します。

WordPressのための最高のドラッグ＆ドロップ式オンラインフォームビルダーであるWPFormsを使用します。この注文フォームビルダーを使えば、ほとんどすべてのタイプのオンラインフォームを作成することができます：

• 調査票
• Typeformスタイルのフォーム
• お問い合わせフォーム
• 登録フォーム
• イベント登録フォーム

また、WPFormsのスマートフォーム技術と簡単な支払いゲートウェイ統合により、数分でオンライン注文フォームを立ち上げ、実行することができます。

詳しくはWPFormsのレビューをご覧ください。

WPFormsの注文フォーム作成ツールで始めるには、Proバージョンを取得する必要があります。WPForms Proは、あなたの顧客からの支払いを受け入れるために支払いプロセッサと統合されています。その後、WordPressサイトにWPFormsプラグインをインストールして有効化する必要があります。

WordPressにプラグインをインストールする方法がわからない場合は、このステップバイステップガイドが役立ちます。

すべてのインストールとアクティベーションが完了したら、次のステップに進み、新しいフォームの作成を開始します。

1.注文書テンプレートを選択する

オンライン注文フォームを作成する際に最初にすることは、WordPressのダッシュボードに向かい、WPForms " Add Newをクリックすることです。

すると、多くのテンプレートが表示され、その中から選ぶことができる。

このチュートリアルでは、無料の注文フォームテンプレートを使用します。フォームに名前をつけて、そのオプションをクリックしてください。

次に表示される画面はフォームエディターです。ここでは注文フォームの外観、内容、設定をカスタマイズすることができます。

請求書/注文フォームテンプレートは、シンプルな注文フォームに必要なデフォルト設定をフォームに自動的に入力します。

いずれかのフォームフィールドをクリックすると、画面の左側にフィールドオプションが表示されます。ここでは、各フィールドのラベルを編集したり、項目を追加または削除したり、特定のデータ収集フィールドを必須にすることができます。

例えば、利用可能項目フィールドの詳細オプションタブを展開すると、異なるカラムレイアウトを選択することができます。フォームに条件付きロジックを追加して、フォーム送信の情報に基づいてのみ表示されるフィールドを追加することもできます。

フォームのレイアウトを変更するには、任意のフィールドをドラッグ＆ドロップします。さらに、追加フィールドの追加も簡単です。支払い方法など、画面の左側から右側にドラッグするだけです。

注文フォームのレイアウトに満足したら、保存ボタンをクリックして変更内容を失わないようにしてください。

2.オンライン注文フォーム通知の設定

次に、オンライン注文フォームの設定に移り、フォーム通知ワークフローから始めます。フォームの入力が完了すると、通知メールが送信されます。

これらを設定するには、設定 " 通知に移動し、利用可能なオプションが表示されます。

デフォルトでは、WPFormsは顧客があなたのフォームに入力したときに自動的に電子メール通知を送信します。しかし、このオプションを使用したくない場合は、ドロップダウンボックスからOffを選択してオフにすることができます。

また、「送信先メールアドレス」フィールドに他の人のメールアドレスを追加すれば、その人に通知を送ることもできます。

これと並行して、顧客がフォームに入力するたびに通知を送信することも簡単です。これは、顧客が注文を受け取り、処理中であることを安心させるためです。

WPFormsのスマートタグを使って設定することができます。

送信先メールアドレス」フィールドの隣に、「スマートタグを表示」というオプションがあります。これにより、そのフィールドで使用可能なタグが表示されます。

Eメールを クリックすると、タグが自動的にフィールドに入力されます。このタグはお客様がフォームに入力するメールアドレスに直接関係します。

次に、以下のフィールドを含むフォームの残りの部分を編集する：

• メールの件名。これは受信トレイで最初に目にするもののひとつです。例えば「ご注文を承りました」と書くことで、フォームの目的を説明することができます。
• 差出人の名前メールの差出人はどこですか？あなたのブランド名や会社名がこのフィールドに適しています。
• Eメールから。ここでも、あなたの会社のEメールアドレスや営業部のEメールアドレスを記載することで、顧客はEメールの送信元と連絡先を知ることができます。
• 返信先あなたの連絡先Eメールをここに追加することで、顧客が何か問題があった場合にあなたに連絡する方法を提供します。
• メッセージ お客様がこのメールを受け取った理由と、次に取るべきステップを説明するパーソナライズされたメッセージを含めます。all_fields}タグを挿入することで、注文の詳細を追加することもできます。

Eメールの受信からオンライン注文を自動的に送信したい場合は、このステップバイステップのチュートリアルで方法を説明します。

変更を保存して、確認メッセージのセクションに進みましょう。

3.フォームの確認メッセージをカスタマイズする

確認セクションでは、顧客がフォームを送信した後に表示できる3種類のメッセージを提供します。

以下は、あなたが選択できる3つの確認メッセージのタイプです：

1. メッセージこれは WPForm のデフォルトの確認タイプです。これは顧客にフォームが送信されたことを伝えるシンプルな成功メッセージを表示します。
2. ページを表示。ページを表示] オプションは、フォーム入力後に訪問者をあなたのウェブサイトの特定のページに送ります。お客様をサンキューページにリダイレクトする方法はこちらをご覧ください。
3. Go To URL (リダイレクト)。この確認タイプは通常、フォーム送信後に顧客を別のウェブサイトに送るために使用されます。

フォームエディターからこれらの設定をカスタマイズするには、設定 " 確認 をクリックします。次にドロップダウンリストより確認の種類を選択し、メッセージを編集します。

確認メッセージの設定については、WPFormsのドキュメントを参照してください。次に進む前に、必ず変更を保存してください。

4.支払い設定の選択

オンライン注文フォームを公開する前に、顧客が商品代金を支払う方法を提供する必要があります。

WPFormsはオンライン支払いを受け付けるための2つの一般的な支払いオプションを提供しています。これらはPayPalと Stripeのアプリ統合です。これらのオプションを有効にするには、PayPalとStripeのアドオンをインストールする必要があります。

これを行うには、WPForms " Addonsに移動します。お好みの支払いアドオンをクリックしてインストールし、有効化します。

StripeとPayPalのどちらを使うか迷っている場合は、こちらの記事を参考にしてください。

アドオンをインストールした状態で、オンライン注文フォームのエディターに戻り、設定 " 支払いをクリックし、希望の支払いオプションを選択します。

この例では、PayPalを使ってフォームと統合します。

PayPalの支払い設定を行うには、まずチェックボックスをクリックしてPaypal標準の支払いを有効にする必要があります。

次に、あなたのビジネスのPayPalメールアドレスを入力し、実際の支払いを受け取るためにモードを「Production」に設定します。

お支払い情報の設定が完了したら、「保存」をクリックして変更内容を保存します。 

次はあなたのフォームを公開します！

5.オンライン注文フォームをWordPressに公開する

オンライン注文フォームを公開する時が来ました。さらにエキサイティングなのは、WPFormsを使えばあなたのウェブサイト上の様々な場所にフォームを埋め込むことができることです。

つまり、WordPressサイトの投稿、ページ、サイドバー、その他のウィジェット対応エリアにフォームを表示することができます。

フォームをページで公開するには、まずダッシュボードからページ " 新規追加にアクセスして新しいページを作成し、タイトルを付けます。

その後、プラスアイコンをクリックして、新しいコンテンツブロックをページに追加する。

検索ボックスにWPFormsと入力し、WPFormsコンテンツブロックを表示させます。

次にブロックをクリックしてページに追加します。

次に、ドロップダウンボックスからオンライン注文フォームを選択します。

ページを公開する準備ができたら、Publishをクリックして公開します。

これで、あなたのウェブサイトにオンライン注文フォームが設置されました。サイトのフロントエンドにある特定のページにアクセスするだけで、フォームが表示されます。

しかし、まだ終わりではありません。注文を追跡し測定する方法なしには、良い注文フォームは完成しません。次はそれを考えましょう。

6.フォーム分析の追跡

見栄えの良いオンライン注文フォームを用意するのは良いことだが、誰もそれに記入せず、商品を購入しないのであれば、それは少し無駄な努力だ。

あなたは気づいていないかもしれないが、フォームの放棄はウェブサイトのオーナーが直面する最大の課題のひとつである。

実際、平均離脱率は約68％です。これは、フォームに入力した後、送信をクリックする直前にフォームから離脱する人が大量にいることを意味します。

しかし、フォーム放棄に取り組む方法はあり、それは注文フォームのアナリティクスを適切に追跡することから始まります。

ほとんどのサイトオーナーはGoogle Analyticsを使っています。しかし、Google Analyticsでフォームの放棄をトラッキングするのは簡単ではありません。かなり混乱します！そのため、この種のデータを追跡するための私たちのお気に入りの方法は、MonsterInsightsを使用することです。

MonsterInsightsを使えば、WordPressサイトにGoogle Analyticsを数分で素早く設定し、収集したデータを実際に活用し始めることができます。また、WPFormsとの相性も抜群です。

MonsterInsightsはフォーム放棄のトラッキングをよりシンプルにします。アクションだけでなく、イベントカテゴリでもフォームトラッキングを設定できます。

さらに、MonsterInsightのレポートはWordPressのダッシュボード内に表示されます。そのため、必要な情報を得るためにウィンドウやタブをクリックする必要がありません。

MonsterInsightsでWordPressのフォーム離脱を追跡する方法については、この簡単なステップバイステップガイドですべて学ぶことができます。

WordPressオンライン注文フォームに関するFAQ

この記事では、WordPressサイトにオンライン注文フォームを作成する方法と、結果を追跡する最善の方法を学びました。

あとは、カート放棄した訪問者を有料顧客に変えるだけです。カート放棄を解決するためのソリューションをご紹介します。

さらにサイトを充実させるのであれば、以下のガイドも参考になるだろう：

• カスタムWooCommerceチェックアウトページの作成方法
• WooCommerceのカート追加ボタンをカスタマイズする方法
• WordPressにGoogle Analyticsを追加する方法（簡単な方法）
• 最高の製品ランディングページの例

この記事がお役に立てば幸いです。もしそうなら、ツイッターや フェイスブックでこのようなコンテンツをもっと見るために私たちをフォローしてください。