WooCommerce Checkout - 設定、ショートコード、構成ガイド

公開: 2017-10-13

主に支払い設定に関連する WooCommerce チェックアウト機能は、オンライン ストアの運営において重要な役割を果たします。 多くの場合、顧客が購入を決定するのは彼らのおかげです。 したがって、顧客に便利な支払い方法を提供して、購入する可能性を高めます。 WooCommerce の設定、[ woocommerce_checkout] ショートコード、ゲスト チェックアウト、チェックアウトのカスタマイズについて、段階的なガイドをお読みください。

WooCommerce チェックアウトを正しく設定し、必要なすべての設定を構成しましたか?

今日は、ショートコードの使い方と、 WooCommerce のチェックアウト ページのデザインをカスタマイズして売り上げを伸ばす方法を紹介します! さぁ、始めよう!

目次

  • WooCommerce チェックアウト設定
      1. クーポン
      2. 価格と税金
      3. 運送
      4. 支払い
      5. アカウントとプライバシー
      6. 高度
  • WooCommerce チェックアウト フィールドの管理方法
  • 無料のプラグインを入手して WooCommerce チェックアウトをカスタマイズ

WooCommerce チェックアウト設定

これらは、WooCommerce → 設定ページの一般、税金、支払い、アカウントとプライバシー、詳細タブの下にあります。

各セクションには、チェックアウト ページのデザインに影響する設定があります。

全般的

まず、 WooCommerce → 設定 → 一般に移動します。
ウーコマースクーポン
WooCommerce の一般設定でクーポンを有効にする

クーポン設定

クーポン コードの使用を有効にする- 顧客が注文時に使用できるクーポンを作成する場合は、このオプションを選択します。 この機能をオンにすると、カートとチェックアウト ページにクーポン コード フィールドが表示されます。

クーポン割引を順次計算する- 複数のクーポンが常に同じ価格の値を下げるのではなく、複数のクーポンが前のクーポンによって割引された価格を下げるようにする場合は、この機能を選択します。

たとえば、顧客が注文時に使用する 2 つのクーポンを受け取ったとします。

  • 注文した製品の全額は $100 です。
  • 1枚目は10%オフ、2枚目は20%オフのクーポンです。
  • 機能をオフにした場合の割引の計算方法: $100 * 10% + $100 * 20% = $10 + $20. したがって、割引は 30 ドルオフで、割引製品の価格は 70 ドルです。
  • この機能をオンにした場合の割引の計算方法: $100 * 10% + ($100 * 10%) * 20% = $10 + $18. したがって、割引額は 28 ドルで、割引価格は 72 ドルです。

次に、 WooCommerce → 設定 → 税金 → 税金オプションに移動します。
WooCommerce 設定: 税タブ
WooCommerce 設定の税オプション

料金設定

ショップでの表示価格- 価格を税抜きで表示するかどうかを決定します。

カートとチェックアウト時に価格を表示する- カートとチェックアウト ページに税込みまたは税抜きの価格を表示するかどうかを選択します。

価格表示サフィックス- この設定はオプションです。 製品およびカタログ ページの価格の横に表示される価格サフィックスを設定できます。 カートまたはチェックアウト ページの価格には影響しません。

運送

次に、 WooCommerce → 設定 → 配送タブに移動します。
配送エリア、クラス、情報
配送設定
WooCommerce で配送方法を設定する
設定済みの配送方法

ここでは、WooCommerce チェックアウト ページに表示される配送ゾーン、配送方法、および費用を設定できます。

WooCommerce で配送方法を設定する方法をお読みください。 WooCommerce の各配送ゾーンと配送方法 (支払いゲートウェイベースの料金も) ごとに条件付き支払いを設定するプラグインもお勧めです!

支払い

WooCommerce → 設定 → 支払いタブに進みます。
Woo Commerce での支払い
WooCommerce 設定: 支払いタブ

この表は、ストアで利用できるすべての支払いゲートウェイを示しています。 ゲートウェイをドラッグ アンド ドロップして並べ替えることができます。 また、特定の支払いゲートウェイの名前を押して編集することもできます。

WooCommerce をインストールすると、次の 4 つの利用可能な支払いゲートウェイが見つかりますが、もちろん、さらにインストールすることもできます。

  • 銀行振込(BACS)
  • 支払いを確認する
  • 代金引換
  • ペイパル

アカウントとプライバシー

次に、 WooCommerce → 設定 → アカウントとプライバシーに移動します。
アカウントとプライバシータブ
WooCommerce のアカウントとプライバシー設定

WooCommerce 設定でのゲスト チェックアウト

顧客がアカウントなしで注文できるようにする- アカウントを作成せずに注文できるようにする場合は、このオプションを有効にします。 多くのお客様は、アカウントを設定する必要がある場合は購入しないと判断するため、この機能をオンにすることをお勧めします。 したがって、このオプションは WooCommerce でのゲスト チェックアウトをオンにします!

チェックアウト時に顧客が既存のアカウントにログインできるようにする- 既存のユーザーが買い物をスピードアップできるようにします。

注文が安全な接続 (https://) を通過するように、WooCommerce に SSL を設定することを忘れないでください。 現在、事実上すべてのオンラインストアにとって必須です。

WooCommerce の安全なチェックアウトと SSL について読む →

アカウント作成設定

チェックアウト中に顧客がアカウントを作成できるようにする- このオプションを有効にすると、購入者がチェックアウト中に WooCommerce ストアでアカウントを作成できるようになります。

追加設定を使用して、アカウントの作成、マイ アカウント ページ、および個人データの削除について決定します。

プライバシー ポリシーの設定

WooCommerce の登録とチェックアウトのプライバシー ポリシー情報についても決定できます。

プライバシーポリシー。ウーコマースの設定。
プライバシー ポリシーとチェックアウトのプライバシー ポリシー
チェックアウト時のプライバシー ポリシー
WooCommerce でのプライバシー設定が完了すると、チェックアウト時に次のように表示されます。

高度

最後に、 WooCommerce → Settings → Advancedに移動します。

ページ設定の設定

詳細オプション、ショートコード、エンドポイント
WooCommerce チェックアウト設定

カートページ- カートページとして使用するページを選択します。 次に、ページの 1 つに [ woocommerce_cart ] ショートコードを含めます。

チェックアウト ページ- チェックアウト ページの特定のページを選択します。 [ woocommerce_checkout ] ショートコードを 1 つの WordPress ページのコンテンツに追加して、WooCommerce チェックアウト フォームを表示することを忘れないでください。

マイ アカウント ページ- マイ アカウント ページのページを選択し、ページに [ woocommerce_my_account ] ショートコードを含めます。

利用規約- 利用規約のページを選択します。 顧客が注文する前に、利用規約に同意する必要があります。

チェックアウト エンドポイントの設定

WooCommerce チェックアウト エンドポイントの高度なオプション
WooCommerce 設定: チェックアウト エンドポイント

このセクションでは、URL に追加される一意のエンドポイントを定義する必要があります。
yourstorename.com/order/

エンドポイントのおかげで、各ページは一意の URL を受け取ります。 ここでは分音記号やスペースを使用しないでください。 たとえば、顧客に注文して感謝するページの URL は次のようになります。
yourstorename.com/order/order-received/

アカウント エンドポイントの設定

アカウント エンドポイントの設定
アカウント エンドポイントの設定は、WooCommerce 設定の [詳細設定] タブにあります。

同様に、デフォルトのエンドポイントを WooCommerce マイ アカウント ページの特定の部分に変更することもできます。

WooCommerce マイ アカウントのショートコード、設定、カスタム フィールドについて読む →

WooCommerce チェックアウト フィールドの管理方法

ご覧のとおり、WooCommerce のチェックアウトはすぐに使用できる優れたエクスペリエンスを備えていますが、重要な機能が 1 つ欠けています。 WooCommerce チェックアウト フィールドを管理することはできません。 これを行う必要がある場合があります。

デジタル商品のみを販売していて、顧客にすべての住所情報を尋ねたくない場合を想像してください。 名前とメールだけで十分です。 または、WooCommerce チェックアウトにいくつかのフィールドを追加したい場合もあります。 たとえば、VAT 番号や顧客の仕事内容など、顧客に関する情報を収集したいとします。

ここ WP Desk では、プラグイン エクスペリエンスを合理化するために使用する、顧客に関する非常に貴重な情報を 1 つ得ています。

WooCommerce チェックアウト調査
WooCommerce チェックアウト - 簡単な質問

この質問をすることで、私たちの顧客が誰で、さらに重要なことは、各グループがどれだけの費用を費やし、どれだけの収益を上げているかがわかります。

このシンプルだが強力な機能は、残念ながら WooCommerce では利用できません。

ただし、WooCommerce チェックアウト フィールドを管理するためのプラグインがあります。

最初に WooCommerce を使い始めたとき、チェックアウト フィールドの管理が重要な機能になると確信していたので、そのためのプラグインを作成しました: Flexible Checkout Fields . この WooCommerce チェックアウト マネージャーは、無料バージョンと PRO バージョンの両方で利用できます。 このビデオを見て、無料版でできることを確認してください。

不要なフィールドを非表示にしたり、新しいフィールドを追加したり、必須またはオプションにしたりして、チェックアウト フィールドを管理できます。 PRO バージョンでは、さらに多くのフィールド タイプを追加したり、カスタム セクションを管理したり、条件付きロジックを使用したりすることもできます。 下のボタンをクリックしてプラグインを確認してください。

柔軟なチェックアウト フィールド PRO WooCommerce 59ドル

WooCommerce チェックアウト フォームから不要なフィールドを編集、追加、または非表示にします。 コンバージョンとユーザー エクスペリエンスの向上がすべてです。

カートに追加または詳細を表示
80,000以上のアクティブなインストール
最終更新日: 2023-03-27
WooCommerce 7.1 - 7.6.x で動作

WooCommerce チェックアウト ページのデザインをカスタマイズする (無料プラグイン)

プラグインの無料版から始めることもできます!

無料プラグインをダウンロード →

まとめ

今日は、WooCommerce のチェックアウト ページを設定し、チェックアウトのデザインとそのフィールドをプラグインでカスタマイズする方法を学びました。

ご不明な点がございましたら、お問い合わせください。