WooCommerceサンキューページをカスタマイズする方法：プラグインとコーディング

公開: 2021-07-15

購入後のサンキューページを最大限に活用して、より良いリードを生成する方法をお探しですか？ 次に、この記事はあなたにぴったりです。 このガイドでは、プラグインとプログラムの両方を使用して、WooCommerceのThankYouページをカスタマイズするさまざまな方法を紹介します。

WooCommerceのThankYouページとは何ですか？

通常、顧客があなたの製品を購入すると、彼らはありがとうページに連れて行かれます。 このページは通常、注文番号、購入した製品、支払い方法など、注文に関する情報を顧客に提供します。

WooCommerceにデフォルトで付属しているデフォルトのThankYouページは問題ありませんが、売り上げの向上や顧客の注目を集めることに関しては、必ずしも最適ではありません。

ありがとうページを編集する理由

ありがとうページは、買い物客があなたから購入した後に最初に表示されるページです。 これは、すべての顧客に表示される唯一のページであることを意味します。したがって、これは売り上げを伸ばすための追加の手段です。 たとえば、買い物客を関連商品にリダイレクトしたり、特別割引を提供したり、新商品を宣伝したりできます。

または、99％のeコマースサイトから目立つようにカスタマイズされたありがとうメッセージを表示することもできます。 カスタマイズされたありがとうページを使用すると、売り上げを増やすだけでなく、顧客により良い販売後の体験を提供するための新しい道を開くことができます。

問題は、デフォルトでは、WooCommerceがThankYouページに多くのカスタマイズオプションを提供していないことです。 そのため、このガイドでは、ありがとうページを編集するために使用できるさまざまな方法を紹介します。

WooCommerceのありがとうページをカスタマイズする方法

WooCommerceのThankYouページをカスタマイズする方法はいくつかあります。

  1. プラグイン付き
  2. プログラムで

それぞれの方法を見て、自分に最適な方法を選択できるようにしましょう。

1）プラグインを使用してWooCommerceのThankYouページを編集します

WooCommerceのThankYouページを編集するためのツールはたくさんあります。 これらは最高のもののいくつかです。

1.1）NextMoveありがとうページカスタマイザー

woocommerceありがとうページをカスタマイズする-nextmovelite

NextMoveサンキューページカスタマイザーを使用すると、顧客がストアに興味を持ってもらうための新しい方法を作成できます。 さまざまな方法でありがとうページと統合できる興味深いコンポーネントが満載です。 たとえば、ソーシャル共有ボタンを追加したり、製品、HTMLコンテンツ、ビデオ、さらには動的クーポンを推奨したりできます。 さらに、ロケーションマップと注文および顧客に関する詳細を追加して、より多くの忠誠心を生み出し、顧客により良いサービスを提供する方法を見つけることができます。

さらに、NextMoveはほとんどのページビルダーと互換性があるため、便利なショートコードを使用して、カスタマイズされたありがとうページを簡単に追加できます。 さらに、プラグインには、リード生成用に設計された追加コンポーネントを備えたプロバージョンもあります。 これには、パーソナライズされた動的なクーポン、スマート賄賂オプション、関連製品などが含まれます。

主な機能
  • ありがとうページに追加するさまざまなコンポーネント
  • ページビルドと互換性があり、各コンポーネントには専用のショートコードが付属しています
  • 注文の詳細と顧客の詳細とともにHTMLコンテンツをありがとうページに追加するオプション
価格設定

NextMoveありがとうページカスタマイザーはフリーミアムプラグインです。 基本機能を備えた無料バージョンと、年間29米ドルから始まるプロプランがあります。

1.2）WooCommerceのリダイレクトに感謝

woocommerceありがとうページをカスタマイズしてください-ありがとうリダイレクト

ありがとうRedirectfor WooCommerceは、製品のリダイレクトページを設定できるシンプルで使いやすいプラグインです。 それはあなたが彼らがあなたの製品を首尾よく購入したかどうかに基づいてあなたの顧客のためのありがとうページを定義することを可能にします。

注文の詳細や言語翻訳の互換性などの追加コンテンツとともに、特定のありがとうメッセージを含むカスタムのありがとうページを作成します。 プラグインを使用すると、グローバルなありがとうページを追加したり、製品ごとにリダイレクトURLを設定したりして、さらに柔軟性を高めることもできます。

さらに、プロバージョンには、マルチサイト互換性やWooCommerceサブスクリプションおよび寄付との互換性などの拡張機能が付属しています。

主な機能
  • WooCommerce用の使いやすいリダイレクトプラグインありがとうページ
  • 特定のメッセージ、翻訳、注文の詳細が記載されたカスタムサンキューページ
  • 必要に応じて、製品ベースのリダイレクトごとに作成および設定します
価格設定

ありがとうリダイレクトWooCommerceはフリーミアムツールです。 無料版には標準機能がありますが、Proプランは1つのWebサイトで15米ドルから始まり、より高度な機能が含まれています。

1.3）WooCommerceありがとうページカスタマイザー

woocommerceありがとうページをカスタマイズする-woocommerceありがとうページカスタマイザー

WooCommerceのThankYou Page Customizerを使用して、販売と顧客の反応を改善します。 この優れたプラグインは、ありがとうページを簡単に編集するための使いやすいツールを提供します。 ライブカスタマイザーと幅広いコンポーネントから選択できます。 ありがとうメッセージ、クーポン、注文の詳細、確認の詳細、ソーシャルメディアの共有ボタンなどを追加します。 また、要素、色、デザインなどの位置を簡単に変更することもできます。

サンキューページカスタマイザーを使用すると、ソーシャルメディアアイコンを追加できるだけでなく、カスタムメディアやテキストも含めることができます。 同様に、それはあなたがあなたの顧客をあなたの店に導くためにあなたのありがとうページにグーグルマップを簡単に加えることを可能にします。

主な機能
  • ライブプレビュー付きのユーザーフレンドリーなありがとうページカスタマイザー
  • 各ThankYouページコンポーネントの位置を設計、カスタマイズ、および選択するためのオプション
  • Proバージョンでは、注目の製品、クロスセル、アップセルのほか、スライドショーやルールが適用されるクーポンの機能が追加されています。
価格設定

ありがとうページカスタマイザーはフリーミアムプラグインです。 無料版には基本機能が付属していますが、Proプランは1ライセンスあたり26米ドルからです。

NextMoveLiteを使用してWooCommerceのありがとうページをカスタマイズする方法

このデモでは、無料版のNextMoveWooCommerceありがとうページを使用します。 これは初心者向けのツールであり、ショートコード対応の設計により、ThankYouページを非常に簡単に展開できます。

NextMoveLiteプラグインをインストールします

まず、 WP管理ダッシュボードを開き、 [プラグイン]> [新規追加]に移動して、プラグインをインストールします。 次に、右上の検索バーを使用してNext Move WooCommerce Thank You Pageを検索し、プラグインのタブで[インストール]をクリックします。 ボタンが更新されたら、[アクティブ化]をクリックします。

woocommerceありがとうページをカスタマイズします-プラグインをインストールします

その後、[スキップ]または[許可]と[続行]をそれぞれ使用して簡単に拒否または受け入れることができる診断追跡の要求が表示されます。

次に、[ありがとうページ]画面が表示され、既存のありがとうページをカスタマイズするか、新しいページを作成するかを選択できます。

既存のページを編集することから始めましょう。

NextMoveLiteを使用してありがとうページを編集およびカスタマイズする

[XLPlugins]> [NextMove Lite ]に移動し、[ Thank You]ページで、 [ Components]をクリックします。

woocommerceありがとうページをカスタマイズする-次の映画編集コンポーネント

これで、任意のコンポーネントを自由に追加または編集できるサンキューページカスタマイザー画面が表示されます。

ありがとうページに簡単なテキストとビデオを追加することから始めましょう。

左側の[コンポーネントの選択]列からコンポーネントのいずれかをクリックし、中央の[コンポーネントの編集]画面で[有効にする]を押すだけです。

woocommerceありがとうページをカスタマイズする-次の映画は簡単なテキストを有効にする

ありがとうページにテキストコンポーネントを追加する

これで、小さな見出しセクション、テキストを追加し、それに応じてテキストをパーソナライズすることで、テキストをカスタマイズできます。 先に進んで、見出しと必要なテキストを追加し、それにフォントの色を少し追加して、テキストコンポーネントをカスタマイズしましょう。

woocommerceありがとうページをカスタマイズします-シンプルなテキストを有効にします

次に、右側の列を使用して、1列または2列のレイアウトからThankYouページのレイアウトを選択できます。 その後、リストからコンポーネントをドラッグアンドドロップして、コンポーネントを再配置できます。

ありがとうページでは、シンプルなテキストを一番上に配置したいので、以下に示すように、シンプルなテキストコンポーネントを一番上にドラッグしてみましょう。

woocommerceありがとうページをカスタマイズします-次の移動はコンポーネントを配置します

ありがとうページにビデオコンポーネントを追加する

それは最初のステップにすぎません。 ありがとうページをより魅力的にするためにビデオを追加しましょう。 同じプロセスに従って、[ビデオ]を選択し、コンポーネントを有効にします。

woocommerceありがとうページをカスタマイズします-次の動きビデオを追加します

次に、URLまたは埋め込みコードを使用して、見出しと説明テキスト、およびビデオソースを追加できます。 今のところ、私たちの製品の1つを宣伝するためのソースとして簡単なYouTubeビデオを追加しましょう。

woocommerceありがとうページをカスタマイズする-ビデオを追加する

また、コンポーネントの追加オプションを有効にしたり、前に示したようにレイアウトを設定したり、コンポーネントを再配置したりすることもできます。

さらに、左側の列の[コンポーネント]を押して編集することで、注文情報や注文の詳細など、既存のコンポーネントを自由に編集できます。

例を見てみましょう。

ありがとうページのコンポーネントを編集およびカスタマイズする

[注文情報]をクリックすると、アイコン、注文見出し、小見出しを選択できる[コンポーネントの編集]画面が表示されます。 プラグインを使用すると、顧客の注文の詳細と情報に基づいて変更できる特定の動的タグを追加することもできます。

小見出しに「追加注文の詳細は{{customer_email}}に送信されます」という行を追加しましょう。

ありがとうページのカスタマイズが完了したら、右上の[保存]ボタンを押して、カスタマイズしたありがとうページを保存します。 ありがとうページがフロントエンドでどのように表示されるかを確認するには、[プレビュー]をクリックします。

したがって、これらすべての変更の後、これはカスタマイズされたありがとうページです。

ご覧のとおり、テキストをパーソナライズし、製品の1つを宣伝するビデオを追加しました。 より多くの機能を使用し、さらにカスタマイズして、改善することができます。

考慮すべき重要なことは、プラグインを使用すると、複数のありがとうページを追加し、ページごとに異なるルールを設定できることです。 このようにして、さまざまな製品、カテゴリ、役割などに表示されるさまざまなありがとうページを作成および設定できます。

その方法を見てみましょう。

複数のありがとうページのルールを設定する

プラグインのインターフェイスで[新規追加]をクリックして、新しいページを作成することから始めましょう。 ありがとうページにタイトルを付けてから、[ルール]セクションまでスクロールします。

woocommerceサンキューページをカスタマイズします-次の移動新しいサンキューページを作成します

ここでは、商品のルールを定義して、この特定のありがとうページが、顧客がルールに基づいて商品を購入した場合にのみ表示されるようにすることができます。 このデモでは、ルールをOrder Categoryに設定し、右側のフィールドでルールに適用するカテゴリを選択します。 たとえば、顧客がバンドル商品カテゴリから何かを購入した場合にのみ、このありがとうページを表示しましょう。

[ AND ]または[ OR ]ボタンをクリックしてルールを追加し、複数の条件に基づいてルールをチェックすることもできます。

ありがとうページに優先度とリダイレクトを追加する

右側のサイドバーで、[ありがとうございます]ページでユーザーをリダイレクトするページを選択できます。 [マイアカウント]ページを選択してから、その下のページの優先度を選択しましょう。 これにより、複数の優先順位がある場合にページの優先順位を定義できます。 この現在のページは最初にバンドルされた製品に適用される必要があるため、最高の優先度（1）を設定しましょう。

次に、[公開]をクリックすると、新しいありがとうページが作成されます。

これで、上記の手順に従って、この新しく作成されたありがとうページに戻って編集し、パーソナライズすることができます。

それに応じてサンキューページをプレビューおよび編集し、提供されたタグを使用してサンキューページに動的要素を追加することを忘れないでください。

2）WooCommerceのありがとうページをプログラムでカスタマイズする方法

プラグインをインストールしたくない場合は、WooCommerceのありがとうページをプログラムでカスタマイズできます。 これは、経験豊富なWordPress / WooCommerceユーザーにとって非常に興味深いオプションであり、コーディングの知識が少し必要です。

注：この方法を開始する前に、サイトの完全バックアップを作成し、子テーマをインストールしてください。

これを行う最も簡単な方法は、子テーマのfunctions.phpファイルに単純なWooCommerceフックを追加することです。 このようにして、買い物客がありがとうページに到達したときに、カスタムテキストやメッセージを買い物客に送信できます。

たとえば、テキストをカスタマイズするために追加できる簡単なコードは次のとおりです。

 add_action（ 'woocommerce_before_thankyou'、 'QuadLayers_before_thankyou'）;
関数QuadLayers_before_thankyou（）{
echo "QuadLayersから購入していただきありがとうございます";
}

このコードを子テーマのfunctions.phpファイルに配置するだけです。 これを行うには、 [外観]> [テーマエディター]に移動して、テーマエディターを開きます。 次に、右側のサイドバーを使用してfunctions.phpファイルを見つけ、以下に示すようにコードを貼り付けます。

woocommerceありがとうページをカスタマイズします-関数phpコード

[ファイルの更新]をクリックすると、それだけです。

ご想像のとおり、できることはまだまだたくさんあります。 WooCommerceのThankYouページをプログラムで適切に編集するには、テンプレートファイルをカスタマイズする必要があります。 このプロセスの詳細と実行できることの例については、WooCommerceのThankYouページをプログラムでカスタマイズする方法に関するガイドをご覧ください。

結論

全体として、Thank Youページは、すべての顧客に表示される数少ないページの1つです。 このページは見過ごされがちですが、賢く使用すれば売り上げを伸ばすのに役立ちます。 たとえば、買い物客を関連商品にリダイレクトしたり、限定セールを提供したりできます。 そうすることで、デフォルトのサンキューページを使用するeコマースサイトの99％とはすでに異なるだけでなく、より良い販売後のエクスペリエンスを顧客に提供する方法を作成することもできます。

このガイドでは、WooCommerceのThankYouページをカスタマイズするさまざまな方法を紹介しました。 どちらを選ぶべきですか？ すばやく簡単なものが必要な場合は、好きなプラグインを選択してください。数分でありがとうページを編集できます。 一方、コーディングスキルがある場合は、プログラムでありがとうページをパーソナライズできます。 これにはもう少し作業が必要ですが、多くの柔軟性があります。

ストアを最大限に活用する方法の詳細については、次のチュートリアルをご覧ください。

  • WooCommerceのマイアカウントページをカスタマイズする方法
  • WooCommerceで製品ページを編集する
  • WordPressで404ページをカスタマイズする方法

WooCommerceのありがとうページを編集しましたか？ どの方法を使用しましたか？ 以下のコメントセクションでお知らせください。