WPForms WooCommerce 統合: コードなしで接続

公開: 2023-09-06

簡単な WPForms + WooCommerce 統合方法をお探しですか?

WPForms と WooCommerce はどちらも、e コマース Web サイト用の強力なプラグインです。 WooCommerce は柔軟な製品管理およびチェックアウト ソリューションを提供し、WPforms では問い合わせフォーム、購読フォーム、注文フォームを簡単に作成でき、支払いの受け取りやクーポンの生成のためのアドオンも付属しています。

WPForms を WooCommerce に接続することで、より良い顧客エクスペリエンスを作成し、ワークフローを合理化し、時間を節約し、より多くの収益を得ることができます。

このチュートリアルでは、Uncanny Automator プラグインを使用して、コードを必要とせずに、わずか数分で WPForms を WooCommerce に接続する方法を説明します。

今すぐWordPressフォームを作成しましょう

WPForms は WooCommerce と統合されますか?

WPForms は WooCommerce と直接統合しませんが、Uncanny Automator を使用して 2 つのプラグインを簡単に接続できます。

Uncanny Automator

Uncanny Automator は、複雑なコードや API を使用せずに、プラグイン、アプリ、Web サイトをすばやく簡単に接続できるようにする自動化プラグインです。

Automator のシンプルなインターフェースを使用すると、一方のプラグインに「トリガー」を設定して、もう一方のプラグインにアクションを引き起こすことができます。 たとえば、WPForms のトリガーは、ユーザーがフォームを送信することです。

このトリガーが発生したときに、注文ステータスを「キャンセル」に設定するなど、WooCommerce で自動的にアクティブ化するアクションを選択できます。

これがどのように機能するかを理解するための最良の方法は、例を確認することです。 WPForms と WooCommerce を設定し、Uncanny Automator を使用してそれらをリンクして自動注文キャンセル フォームを作成するための詳しい手順を読み続けてください。

WPForms WooCommerce の統合

記事上で

  • ステップ 1: WPForms をインストールする
  • ステップ 2: WooCommerce をインストールする
  • ステップ 3: 注文キャンセルフォームを作成する
  • ステップ 4: Uncanny Automator をインストールする
  • ステップ 5: WPForms を WooCommerce に接続するための Uncanny Automator レシピを作成する
  • ステップ 6: WPForms WooCommerce 統合をテストする
  • よくある質問

ステップ 1: WPForms をインストールする

WPForms プラグインをまだインストールしていない場合は、WordPress にプラグインをインストールしてアクティブ化する方法についてのこのガイドに従ってください。

WPForms Lite を含む、WPForms の任意のバージョンを WooCommerce に接続できます。

ステップ 2: WooCommerce をインストールする

WPForms をインストールしたので、サイトで WooCommerce がまだ実行されていない場合は、インストールに進んでください。

WooCommerce は無料のプラグインで、WordPress ダッシュボード内から直接インストールできます。 プロセスがわからない場合は、プラグインのインストール ガイドに従ってください。

ステップ 3: 注文キャンセルフォームを作成する

この例では、WPForms で注文キャンセル フォームを作成します。 次に、このフォームを WooCommerce に接続して、フォームが送信されたときに注文ステータスが自動的に「キャンセル」に設定されるようにします。

まず、基本的な注文キャンセル フォームを作成する必要があります。

WPForms » 新規追加に移動し、フォームの名前 (「注文のキャンセル」など) を入力します。

これは非常に単純なフォームなので、テンプレートを使用する代わりに空のフォームから始めます。 「空のフォームを作成」ボタンをクリックします。

Create a blank form in WPForms

フォームを作成するには、左側のパネルからフォーム フィールドをドラッグ アンド ドロップするだけです。

まずは「電子メール」フィールドをドラッグし、続いて「数値」フィールドをドラッグします。

Add an email field and a numbers field to your form in the form builder

[番号]フィールドをクリックし、[フィールド オプション] パネルのラベルを「注文番号」に変更します。

Change numbers label to "order number"

最後に、ユーザーがフォームを送信するときの確認メッセージを編集しましょう。 フォームビルダーで、 [設定] » [確認] に移動します。

Form confirmations

確認メッセージを「ご注文はキャンセルされました」などに変更します。

Order cancelled confirmation message

この例では、非常に基本的な注文キャンセル フォームを作成しましたが、必要に応じてフィールドを追加したり、条件付きロジックを使用して、より多くの機能を備えたフォームを作成したりすることもできます。

これでフォームが構築されたので、サイトに公開できます。 「埋め込み」ボタンをクリックすると、ポップアップが起動します。

Form builder embed button

[新しいページの作成]をクリックして、フォームのページを作成します。

Create new page

ページの名前を入力し、 [Let's Go!]をクリックします。 ページを作成するボタン。

embed form in a page

必要に応じて、このページにテキストやその他の要素を追加できます。 問題がなければ、 「公開」ボタンをクリックします。

Publish order cancellation form

設定を再確認するように求められます。 また、ページの表示設定を非公開またはパスワード保護に変更して、フォームを公開する前にテストできるようにすることもお勧めします。 最後の[公開]ボタンをクリックして、フォームをサイト上で公開します。

Confirm form publication

これで注文キャンセルフォームを使用する準備ができました。次のステップは、フォームのエントリを WooCommerce に送信できるように Uncanny Automator をインストールすることです。

ステップ 4: Uncanny Automator をインストールする

Uncanny Automator を試してみたい場合は、無料版から始めることができます。これには、WPForms でフォームを送信するユーザーや、WooCommerce 製品の注文を完了するユーザーなど、何百もの自動化トリガーが付属しています。

Uncanny Automator Pro には、次のような WooCommerce 用の追加トリガーを含む 1,000 を超えるトリガーとアクションが含まれています。

  • ユーザーが商品をカートに追加します
  • ユーザーが製品をレビューする
  • ユーザーの注文ステータスが特定のステータスに変更される
  • 注文の支払いが失敗する

WooCommerce と WPForrns で作成できるプロ アクションには次のようなものがあります。

  • 製品の注文を作成する
  • 商品の価格を変更する
  • 注文を特定のステータスに設定する
  • 新規ユーザー登録

この例では、特定の注文を特定のステータス (「キャンセル」) に設定したいため、Uncanny Automator Pro をインストールする必要があります。

Uncanny Automator の価格ページに移動し、ボタンをクリックして選択したプランを取得します。

Get Uncanny Automator

お支払いの詳細を入力し、チェックアウトを完了するボタンをクリックしてください。

プラグインを購入したら、Uncanny Automator アカウントにログインし、ダウンロードページからダウンロードできます。

Download Uncanny Automator

ライセンス キーも必要になります。ライセンス キーは、メニューの[ライセンス]をクリックした後にコピーできます。

Uncanny Automator license key

次に、WordPress サイトに戻り、プラグインをインストールします。 プラグイン » 新規追加に移動し、プラグインのアップロードボタンをクリックします。

Upload plugin

[ファイルを選択]ボタンをクリックし、Uncanny Automator からダウンロードした zip ファイルを見つけます。 「今すぐインストール」ボタンをクリックしてプラグインをインストールします。 これには少し時間がかかります。

Install Uncanny Automator

最後に、 「プラグインの有効化」ボタンをクリックします。

Activate Uncanny Automator

ライセンス キーを入力してプラグインをアクティブ化してください。 これは、Uncanny Automator ダッシュボードから行うことができます。 WordPress ダッシュボード メニューのAutomatorに移動し、ライセンスをアクティブ化するボタンをクリックするだけです。

Activate Uncanny Automator license

Uncanny Automator サイトからコピーしたライセンスを貼り付け、 [ライセンスをアクティブ化]ボタンをクリックします。

Activate license

ライセンスが有効であることを示す確認メッセージが表示されます。

Uncanny Automator license active

Uncanny Automator をインストールしてアクティブ化したら、WooCommerce と WPForms の接続に進むことができます。

ステップ 5: WPForms を WooCommerce に接続するための Uncanny Automator レシピを作成する

WPForms を WooCommerce に接続するには、ワークフロー自動化を作成する必要があります。 これを Uncanny Automator ではレシピと呼びます。

WordPress ダッシュボードで、 Automator » 新規追加に移動します。

Add new Uncanny Automator recipe

レシピの種類を選択するための招待状が表示されます。 [ログインユーザー]を選択した場合、WordPress サイトにログインしているユーザーのみがレシピをトリガーできます。 みんなのレシピは、ログインしているユーザーと一般の訪問者の両方がトリガーできます。

後で変更することはできないため、ここで適切なオプションを選択することが重要です。 全員向けのレシピは Uncanny Automator Pro でのみ利用可能です。

このチュートリアルでは、ログインしたユーザーを使用します。 これは、スパマーがフォームを送信するのを防ぐのにも役立ちます。 ただし、WooCommerce でゲスト チェックアウトを有効にしている場合は、顧客がサイトにアカウントを持っていないため、全員のレシピを作成する必要があります。

「ログインしているユーザー」を選択し、 「確認」ボタンをクリックして続行します。

Create recipe for logged-in users

レシピの名前を入力します。 この例のように、フォーム送信から注文ステータスの変更をトリガーします。レシピを「注文キャンセル」と呼びます。

次に、 「WPForms」をクリックしてトリガーを選択します。

Create WPForms trigger

トリガーとして「ユーザーがフォームを送信する」を選択します。

Choose "User submits a form" as the trigger

次に、ドロップダウンをスクロールして、前に作成した注文キャンセル フォームを見つけます。 それを選択し、 「保存」ボタンをクリックします。

Choose order cancellation form as the trigger

これでトリガーがライブになるはずです。

Uncanny Automator trigger is live

「アクション」まで下にスクロールし、 「アクションの追加」ボタンをクリックします。

Add action

下にスクロールして WooCommerce 統合を見つけ、クリックして選択します。

WooCommerce integration

ドロップダウンで「特定の注文を特定のステータスに設定する」アクションを見つけて選択します。

Set a specific order to a specific status

[注文 ID]フィールドの横にあるアスタリスク アイコンをクリックします。

Select order ID

表示されるドロップダウンで、 「トリガー」まで下にスクロールします。 「ユーザーが注文キャンセルを 1 回送信する」の横にある矢印をクリックして、WooCommerce の注文 ID にリンクするフォームのフィールドを選択します。

Order ID Trigger

下にスクロールして注文番号フィールドを見つけ、クリックして選択します。

Choose order number as order ID

[保存]ボタンをクリックし、実行する特定のアクションの選択を続けます。

Save order number as order ID

ドロップダウンで下にスクロールして「キャンセル」を選択します。

Choose "cancelled" as order status to set

「保存」ボタンをクリックしてアクションを保存します。

Save Action

アクションはLiveになっているはずです。

Uncanny Automator action is live

最後に、レシピのステータスをDraftからLiveに切り替えることを忘れないでください。

Set recipe to live to activate the WPForms WooCommerce integration.

動作を確認してみましょう!

ステップ 6: WPForms WooCommerce 統合をテストする

WooCommerce でテスト用にダミーの注文をいくつか作成できます。 これを行う簡単な方法は、WooCommerce の支払い設定で支払い方法として「代金引換」を有効にすることです。 その後、自由にチェックアウトを完了し、ダミー データを使用して注文を作成できます。

注文番号とチェックアウト時に入力したメールアドレスをメモし、注文が完了し、WordPress ダッシュボードのWooCommerce » Ordersに表示されていることを確認してください。

WooCommerce order

次に、サイトのフロントエンドに戻り、注文キャンセルページに移動します。

メールアドレスとダミー注文の注文番号を入力してフォームを送信してください。

test order cancellation form

注文がキャンセルされたことを示す確認メッセージが表示されます。 キャンセルを通知する通知メールも届きます。

Order has been cancelled

次に、WordPress ダッシュボードの WooCommerce 注文に戻り、注文のステータスを確認します。

すべてが正しく設定されている場合は、注文ステータスが「キャンセル済み」に切り替わっていることがわかります。

Confirm order cancelled

よくやった! WPForms を WooCommerce に接続し、注文キャンセル フォームを作成しました。

これは、Uncanny Automator で設定できるオートメーションの一例にすぎないことに注意してください。 WPForms を WooCommerce に接続するだけでなく、オンライン フォームから CRM、電子メール マーケティング プラットフォーム、Zapier にデータを送信して、ほぼ無制限の統合と自動化を実現することもできます。

プラグインの接続をマスターしたら、トリガーとアクションの完全なリストを参照して、他に何を自動化できるかを把握してください。

よくある質問

WPForms WooCommerce の統合と自動化についてまだ質問がありますか? 以下はよくある質問に対する回答です

WooCommerce で請求書を自動的に送信するにはどうすればよいですか?

WooCommerce では請求書は手動でのみ送信できますが、Uncanny Automator プラグインを使用してプロセスを自動化できます。 ユーザーが注文を完了したことをトリガーとして新しいレシピを作成するだけです。 注文が完了すると、注文の詳細をパーソナライズした請求書メールが自動的にユーザーに送信されるように設定できます。

WPFormsでオーダーフォームを作成できますか?

ドラッグ アンド ドロップのフォーム ビルダーを使用して、WPForms で注文フォームと支払いフォームを簡単に作成できます。 WPForms には Stripe 統合も組み込まれているため、ユーザーは別の e コマース プラグインを必要とせずに、注文の支払いをクレジット カードで直接行うことができます。

WooCommerce で注文を自動的に作成するにはどうすればよいですか?

Uncanny Automator プラグインを使用すると、WooCommerce で注文を自動的に作成できます。 たとえば、ユーザーがサイトに登録したときに無料ギフトを送りたい場合は、登録フォームが送信されたときに注文が自動的に作成されるように、WPForms を WooCommerce に接続できます。

カスタム WooCommerce 登録フォームを作成するにはどうすればよいですか?

WooCommerce ユーザー登録フォームは非常に基本的なものです。 コードを編集してカスタマイズできますが、WPForms などのフォーム プラグインを使用して独自のカスタム登録フォームを作成する方がはるかに簡単です。 その後、このフォームを WooCommerce に接続して、フォームの送信時にユーザーを自動的に作成できます。

WooCommerce の代替手段はありますか?

WooCommerce をインストールせずに WordPress ウェブサイトで商品を販売したい場合は、代替手段として WPForms を検討する必要があります。 WPForms を使用すると、少数の製品のみを販売し、完全な e コマース プラットフォームのインストールと維持に手間をかけたくない場合に、注文と支払いを簡単に行うことができます。

今すぐWordPressフォームを作成しましょう

次に、さらに WooCommerce プラグインをインストールしてストアを改善します

他の WordPress プラグインがどのようにカスタマー エクスペリエンスを向上させ、ストアの管理をより迅速かつ簡単にできるかを少し味わったところで、他のオプションを検討したくなるかもしれません。

オンラインストアを最大限に活用するのに役立つ最高の WooCommerce プラグインのリストをまとめました。

また、注文のキャンセルやその他のフォームの送信を追跡できるように、WPForms のエントリを Google スプレッドシートに保存する方法についても学習できます。

フォームを構築する準備はできましたか? 最も簡単な WordPress フォームビルダープラグインを今すぐ始めましょう。 WPForms Pro には多数の無料テンプレートが含まれており、14 日間の返金保証を提供しています。

この記事がお役に立った場合は、Facebook と Twitter でフォローして、さらに無料の WordPress チュートリアルとガイドをご覧ください。