カスタム WooCommerce ありがとうページを簡単に作成する方法

数えきれないほどの店舗オーナーと協力してきた経験から、顧客が購入を完了した後の出来事は、販売そのものと同じくらい重要であることに気づきました。

パートナーブランドを通じて、感謝ページをロイヤルティ構築、顧客生涯価値の向上、追加販売の促進のための強力なツールに変えるスマートなビジネスを見てきました。

一般的な「注文受領」メッセージを使用する代わりに、成功したストアオーナーは、ソーシャルシェアを促進し、クロスセルを奨励し、顧客関係を強化する購入後のエクスペリエンスを作成します。

そのため、カスタムのWooCommerceサンキューページを作成するためのステップバイステップガイドを作成しました。標準的な確認画面を、顧客のエンゲージメントを高め、リピートを促す戦略的なツールに変える方法をご紹介します。

カスタムWooCommerceサンキューページを簡単に作成する方法

WordPress で WooCommerce サンキューページをカスタマイズする理由

注文確認ページまたはサンキューページは、オンラインストアの小さな部分のように見えるかもしれませんが、実際には販売プロセスで非常に価値のある部分になる可能性があります。

デフォルトのWooCommerceのサンキューページは、コンバージョンに最適化されているとは言えません。そのため、カスタムページに置き換えることをお勧めします。このページでは、クーポンコードを提供したり、人気商品をディスプレイしたりすることで、購入を促進することができます。

注文された商品、合計金額、配送情報などの重要な情報を表示することもできます。

カスタムサンキューページの例

これを踏まえ、カスタムWooCommerceサンキューページを簡単に作成する方法をステップバイステップでご紹介します。使用したい方法に直接ジャンプするには、以下のリンクを使用してください。

早速始めましょう!

カスタム WooCommerce サンキューページを作成する最も簡単な方法は、FunnelKit Funnel Builder (旧称 WooFunnels) を使用することです。これは 最高の WordPress セールスファネル および自動化プラグインであり、オンラインストアに簡単に追加できる既製のサンキューテンプレートが付属しています。

これにより、コードを一行も書かずに、プロフェッショナルにデザインされた役立つサンキューページを作成できます。

FunnelKitを使用してカスタムサンキューページを作成する

詳細なテストの結果、このプラグインは非常に使いやすく、拡張性があることがわかりました。

注: より多くの「ありがとう」テンプレートが付属する FunnelKit Pro プラグインもあります。しかし、無料版の FunnelKit を使用します。これは、デフォルトの WooCommerce のありがとうページをカスタムデザインに置き換えるために必要なすべてを備えているからです。

まず、プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化後、FunnelKit » テンプレートに移動し、「チェックアウト」ボタンをクリックできます。

FunnelKit の「サンキュー」WooCommerce テンプレート

サンキューページテンプレートを選択

FunnelKit の既製のテンプレートから選択するか、「最初から始める」を選択できます。テンプレートを使用すると、プロフェッショナルにデザインされたサンキューページを迅速に作成できるため、テンプレートの使用をお勧めします。

テンプレートを詳しく見るには、マウスカーソルを合わせ、表示される「プレビュー」ボタンをクリックするだけです。

FunnelKitのWooCommerceテンプレートのプレビュー

FunnelKitはデフォルトでチェックアウトページのプレビューを表示します。

代わりに感謝ページの表示を確認するには、左側のメニューから「感謝ページ」を選択するだけです。

FunnelKit を使用して「サンキュー」テンプレートを選択する

使用したいテンプレートを見つけたら、「このファネルをインポート」をクリックします。

すべての画像でLivewireテンプレートを使用していますが、好きなデザインを使用できます。

WooCommerceテンプレートをWordPressにインポートする

この時点で、FunnelKitは、SlingBlocksなどの追加プラグインのインストールを求める場合があります。これは、WordPressブロックエディターにページ構築機能を追加します。

このメッセージが表示された場合は、「有効化」をクリックして必要なプラグインを取得してください。

WordPressページビルダーおよびデザインプラグインのインストール

その後、カスタムサンキューページの名前を入力します。これは参照用ですので、WordPressダッシュボードでページを識別するのに役立つものであれば何でも使用できます。

完了したら、「追加」ボタンをクリックします。

カスタムWooCommerceサンキューページの名前を付ける

WooCommerce サンキューページをカスタマイズする

これで、テンプレートに含まれるすべてのステップが表示されます。

FunnelKit の無料版をご利用のため、このテンプレートにはサンキューページとカスタム WooCommerce チェックアウトページが含まれており、これらは別途設定する必要があります。詳細な手順については、WooCommerce チェックアウトページをカスタマイズする方法に関するガイドをご覧ください。

サンキューページをカスタマイズするには、「編集」リンクをクリックします。

FunnelKit を使用してカスタム WooCommerce サンキューページを作成する方法

WordPressブロックエディターでテンプレートを開くには、「テンプレートを編集」をクリックできるようになりました。

注意: ページビルダープラグインを使用している場合、FunnelKitはテンプレートを別のエディターで開く可能性があります。その場合は、「テンプレートを編集」の代わりに「WordPressエディターに切り替える」をクリックする必要があります。

WordPressエディターを使用してWooCommerceの「ありがとう」テンプレートを編集する

WordPressのページを構築するのと同じ方法で、テンプレートをカスタマイズできるようになりました。ブロックをクリックするだけで、右側のメニューとミニツールバーの設定を使用して微調整できます。

例えば、プレースホルダーのロゴを独自のカスタムロゴに置き換えるのが一般的です。これを行うには、画像ブロックをクリックして選択し、ミニツールバーで「置き換え」を選択します。

カスタム WooCommerce ページでプレースホルダーロゴを置き換える

次に、「メディアライブラリを開く」を選択してWordPressメディアライブラリから画像を選択するか、「アップロード」をクリックしてコンピューターからファイルを選択します。

まだカスタムロゴをお持ちでない場合は、Canva のようなウェブデザインソフトウェアを使用して簡単に作成できます。

画像を選択した後、画像の代替テキストを追加したり、幅を変更したり、角を丸くしたり、右側のメニューの設定を使用してさらに多くのことができます。

オンラインストアにカスタムロゴを追加する

また、プレースホルダーテキストを、ご自身のオンラインマーケットプレイスの情報に置き換えることもできます。テキストブロックをクリックして選択し、カスタムメッセージを入力するだけです。

右側のメニューの設定を使用して、テキストのスタイルを変更することもできます。たとえば、境界線とボックスシャドウを使用してテキストを目立たせたり、フォントファミリーを変更したり、WordPressでテキストの色を変更したりできます。

カスタムeコマースページで使用されるフォントの変更

[ ] の括弧内のテキストは変更しないでください。これらのタグにより、FunnelKit は顧客の名前などのパーソナライズされたコンテンツを表示できます。

注文詳細ウィジェットをカスタマイズする

その後、「注文詳細」セクションまでスクロールしてクリックしましょう。FunnelKitはこのユニークなウィジェットを提供しており、顧客の注文に関する情報が表示されます。

FunnelKit の注文詳細ウィジェット

このウィジェットはそのまま機能しますが、見た目や表示される情報をカスタマイズしたい場合があります。

まず、セクションのヘッダーは、「ヘッダー」フィールドに入力することで変更できます。

カスタム「注文確認済み」ページに注文情報を表示する

また、顧客の注文の各商品に商品画像を表示するかどうかを、「画像を表示」スライダーを使用して選択することもできます。

会員制サイトオンラインコースなどのサブスクリプションを販売していますか?その場合、顧客のサブスクリプションに関する情報(価格や次回の支払い期日など)を表示したい場合があります。

カスタムWooCommerceページにメンバーシップまたはサブスクリプション情報を表示する

このセクションを追加するには、右側のメニューで「サブスクリプション」をクリックして展開します。次に、「サブスクリプションプレビューを表示」トグルを有効にします。

このセクションでは、デフォルトの「サブスクリプション」テキストを「見出し」フィールドに入力して、独自のメッセージに置き換えることもできます。

カスタムオンラインストアデザインにサブスクリプション情報を追加する

同様に、デジタルダウンロードを販売している場合は、ありがとうページに「ダウンロード」セクションを追加できます。これには、ファイル名、残りのダウンロード回数、有効期限などの便利な情報が含まれます。

ショッパーがカスタムのありがとうページから直接購入をダウンロードできるボタンを追加することもできます。これにより、顧客体験が向上します。

カスタム WooCommerce 「注文確認」ページにデジタルダウンロード情報を表示する

このセクションを追加するには、右側のメニューの「ダウンロード」をクリックして展開します。その後、トグルを使用して情報を追加および削除できます。

デフォルトの見出しとボタンのテキストを独自のメッセージに置き換えることもできます。

カスタム WooCommerce サンキューページを簡単に作成する方法

注文詳細の設定に満足したら、「スタイル」タブをクリックして見た目を変更したい場合があります。

ここでは、注文セクション全体のヘッダーと背景色を変更したり、「ダウンロード」または「サブスクリプション」セクション内の個々の要素を目立たせたりできます。

カスタム e コマースページの配色とフォントのカスタマイズ

お客様詳細ウィジェットを編集する

その後、FunnelKitが提供するもう1つのユニークなウィジェットである「顧客詳細」を確認します。

「顧客詳細」セクションをクリックして選択し、右側のメニューで変更を加えます。たとえば、「見出し」フィールドに独自のメッセージを入力することで、デフォルトの見出しを置き換えることができます。

カスタム「注文確定」デザインにお客様の詳細を表示する

「レイアウト」ドロップダウンメニューを使用して、複数列または単一列のレイアウトを切り替えることもできます。

その後、「スタイル」タブをクリックして、フォント、テキストサイズ、色などを変更できます。

カスタムサンキューページにブロックを追加

テンプレートに加えられた変更に満足したら、独自のコンテンツを追加したくなるかもしれません。これは、顧客体験の向上、より多くの売上の獲得、ブランドのプロモーションなどに役立ちます。

ブロックを追加するには、右上の「+」アイコンをクリックし、任意のブロックをデザインにドラッグします。FunnelKit、WooCommerce、WordPressは多くの異なるブロックを提供しているので、いくつかの例を簡単に見てみましょう。

  1. その他のWooCommerce製品を宣伝する

お礼ページは購入ジャーニーの終わりに見えるかもしれませんが、そうである必要はありません。このページを使用して、買い物客が購入したいかもしれない他の商品を推奨できます。これにより、販売が増加すると同時に、あなたが販売している他の素晴らしい商品についての認識も高まります。

利用可能なブロックを確認するには、左側のメニューの「WooCommerce」セクションまでスクロールします。ここでは、「売れ筋商品」、「新着商品」、「セール商品」などのブロックが見つかります。

カスタムオンラインストアデザインにWooCommerce商品ブロックを追加する

使用したいブロックを見つけて、デザインにドラッグ&ドロップするだけです。

これが完了したら、ブロックをクリックして選択し、右側のメニューの設定を使用してカスタマイズできます。

「注文確定」ページにベストセラー商品を追加する
  1. ソーシャルメディアのフォロワーを増やす

X (Twitter) や Facebook のようなソーシャルメディアサイトは、商品を宣伝するのに最適な場所なので、できるだけ多くのフォロワーを獲得したいと思うでしょう。これを念頭に置いて、カスタムサンキューページにソーシャルメディアリンクを追加するのは良い考えです。

これらの買い物客はすでにあなたのビジネスから購入しているので、Instagram、Snapchat、YouTubeなどのソーシャルプラットフォームであなたをフォローする可能性が高くなります。

開始するには、「ソーシャルアイコン」ブロックをページにドラッグします。その後、「+」アイコンをクリックして、追加したいソーシャルアイコンを選択できます。

カスタムWooCommerceページにソーシャルアイコンブロックを追加する

選択後、「ソーシャルアイコン」ブロックの新しいアイコンをクリックします。

表示されるミニツールバーに、リンクしたいプロフィールの URL を入力します。

WooCommerce ページにソーシャルメディアリンクを追加する

これらの手順を繰り返すだけで、すべてのソーシャルメディアアカウントをブロックに追加できます。

  1. お客様限定クーポンコードを提供する

クーポンコードは、顧客が再びあなたから購入するきっかけになります。そのため、お礼ページにクーポンコードを追加することをお勧めします。例えば、次回の購入時に送料無料を提供することができます。

カスタムの「ありがとう」ページにクーポンコードを追加する

WooCommerce の組み込みクーポン機能を使用するか、クーポンコードプラグインを使用してクーポンコードを作成できます。

クーポンを作成したら、お礼ページにテキストブロックを追加するだけです。次に、このブロックにクーポンと、使用したいその他のメッセージを入力できます。

WordPressブロックエディターを使用してオンラインストアのデザインにブロックを追加する

これは素晴らしいスタートですが、顧客ごとに異なるクーポンコードを表示したい場合があります。たとえば、初回購入者に次の購入に対する大幅な割引を提供して、顧客ロイヤルティを構築するのに役立てることができます。

これを行う最善の方法は、FunnelKit Builder Proにアップグレードすることです。このプレミアムプラグインには強力なルールベースエンジンが搭載されており、注文合計、アイテム数、使用されているWooCommerceの支払いゲートウェイなどに基づいて、買い物客に異なるクーポンを表示できます。

カスタム WooCommerce サンキューページを公開する

サンキューページのセットアップが完了したら、「更新」をクリックして変更を保存します。その後、「サンキューページに戻る」をクリックします。

FunnelKitページエディタを閉じる

「サンキューページ」の横にある「ドラフト」ボタンをクリックして、「公開」を選択できるようになりました。

これにより、WordPress ウェブサイトでサンキューページが公開されます。

カスタム WooCommerce サンキューページの公開

方法 2: ページビルダーを使用してカスタム WooCommerce サンキューページを作成する

SeedProd を使用して、カスタム WooCommerce サンキューページを作成することもできます。これにより、ドラッグアンドドロップエディターを使用してページをデザインできます。これは、WordPress のブロックエディターが制限が多すぎる、または使いにくいと感じる場合に最適です。

SeedProd には、350 以上のプロがデザインしたテンプレートが含まれており、eコマーステンプレートを使用して セールスページ やリードスクイーズページを作成できます。

さらに良いことに、SeedProd は WooCommerce に完全対応しており、レイアウトにドラッグアンドドロップするだけで使用できる、すぐに使える WooCommerce ブロックも用意されています。

当社のパートナーブランドはこのツールを使用してサンキューページを作成し、優れた結果を得ています。詳細については、SeedProdレビューをご覧ください。

まず、プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、SeedProd » 設定に移動してライセンスキーを入力してください。

SeedProdライセンスキーの入力

この情報は、SeedProdウェブサイトのアカウントで見つけることができます。ライセンスを入力した後、「キーを検証」ボタンをクリックしてください。

注意: SeedProd の無料版もありますが、このガイドでは、必要な組み込み WooCommerce ブロックがある Pro 版を使用します。また、オンラインストアのプロモーションにすでに使用している可能性のある メールマーケティングサービス とも統合されます。

サンキューページテンプレートを選択

その後、SeedProd » ランディングページに移動し、「新しいランディングページを追加」をクリックします。

WordPressで新しいページを作成する

次に、お礼ページのテンプレートを選択する必要があります。

SeedProd のテンプレートは、近日公開404 ページなどのさまざまなキャンペーンタイプに整理されています。カスタム WooCommerce サンキューページを作成しているので、「サンキュー」タブをクリックしてください。

SeedProd のサンキューテンプレート

このガイドでは、「注文完了お礼ページ」テンプレートを使用します。

このテンプレートの上にマウスカーソルを合わせ、チェックマークアイコンをクリックするだけです。

SeedProdのWooCommerce「サンキュー」テンプレート

次に、カスタムWooCommerceサンキューページの名称を入力します。SeedProdは自動的にこの名前をURLに使用しますが、必要に応じてURLを編集することもできます。

入力した情報に満足したら、「保存してページの編集を開始」ボタンをクリックします。

SeedProdでカスタムWooCommerceテンプレートに名前を付ける

これにより、右側にページのライブプレビューが表示され、左側に設定が表示されるSeedProdエディタが読み込まれます。

ブロックをカスタマイズするには、ページビルダーでブロックをクリックして選択し、左側のメニューの [設定] を使用します。

SeedProd を使用してカスタムサンキューページをカスタマイズする

左側のメニューには、注文確認テンプレートにドラッグできるブロックもあります。

アップセルセクションを追加して売上を伸ばす

感謝ページでのアップセル商品の販売は、マーケターが売上を伸ばすために使用する実績のあるテクニックです。1つの方法は、SeedProdのセクションを使用してアップセルブロックを作成することです。

セクションは、一般的に一緒に使用されるブロックの既製のコレクションであり、美しくデザインされたページを迅速に作成するのに役立ちます。

「セクション」タブをクリックし、左側のメニューで「ヒーロー」を選択します。その後、「ヒーロー 2」にマウスを重ね、表示されたら「+」アイコンをクリックします。

SeedProd の既製のヒーローセクション

これにより、ページにヒーローセクションが追加されます。

セクションの「画像」ブロックを選択するためにクリックしてください。次に、左側のメニューで「独自の画像を使用」をクリックしてメディアライブラリを開きます。

カスタムWooCommerceお礼ページにロゴを追加する

これで、アップセルしたい商品の画像を追加できます。

それが完了したら、「見出し」ブロックをクリックして商品タイトルを入力します。

ドラッグ&ドロップ式のSeedProdページビルダーを使用して見出しブロックを追加する

次に、「テキスト」ブロックをクリックして選択し、商品概要を入力します。

プレースホルダーのコールトゥアクションボタンを「カートに追加」ボタンに置き換えることで、顧客にこの商品をバスケットに追加するように促すことができます。

これを行うには、「Call To Action」ブロックをクリックして選択し、「Delete Block」アイコンをクリックします。

SeedProdを使用してオンラインストアテンプレートからブロックを削除する

次に、メニューで「カートに追加」ブロックを探します。

このブロックを「Hero 2」セクションの空きスペースにドロップするだけです。

SeedProdの「カートに追加」ブロック

さて、このボタンを正しい WooCommerce 商品に接続する時間です。

これを行うには、商品IDを知っている必要があります。この情報がわからない場合は、WordPressダッシュボードの商品 » 全商品に移動してください。ここで、商品にマウスカーソルを合わせるとIDが表示されます。

WooCommerce で商品 ID を取得する

SeedProdのページエディターに戻り、「カートに追加」ブロックをクリックして選択し、「商品ID」ボックスにIDを追加できます。

「ダイレクトトゥチェックアウト」スライダーを有効にすることもできます。これにより、買い物客は直接ストアのチェックアウトに進みます。

WooCommerce サンキューページにチェックアウトボタンを追加する

この時点で、左側のメニューの設定を使用してボタンの外観を変更できます。たとえば、配色、ボタンのテキスト、配置などを変更できます。

その後、アップセル商品を宣伝する見出しを追加するのが良いでしょう。たとえば、「こちらもおすすめです」や「ご注文にぴったりの追加商品です」のようなものを使用できます。

レイアウトに「見出し」ブロックをドラッグするだけです。

カスタムWooCommerceのお礼ページを簡単に作成する方法

次に、使用したいメッセージを入力できます。

ベストセラーのWooCommerce商品を宣伝する

もう1つのオプションは、ありがとうページにベストセラー商品セクションを追加することです。これらの商品はすでに人気があるため、買い物客もそれらを購入したいと思う可能性が高いです。

左側のメニューで「ベストセラー商品」ブロックを見つけ、レイアウトにドラッグします。

SeedProd を使用してカスタム eコマースページでベストセラー製品を表示する

セール商品、トップ評価商品、最近の商品など、追加できる他の多くの種類の製品グリッドがあります。

詳細については、WooCommerce で人気の商品を表示する方法に関するガイドをご覧ください。

カスタムWooCommerceサンキューページを公開する

WooCommerce のサンキューページの外観に満足したら、「保存」の横にあるドロップダウン矢印をクリックして「公開」を選択し、公開します。

カスタムWooCommerceサンキューページを保存する

ページを公開した後、顧客が新しいページにリダイレクトされるように WooCommerce の設定を変更する必要があります。

これを行う最も簡単な方法は、Thank You Page for WooCommerce プラグインを使用することです。このプラグインを使用すると、購入後に顧客を任意の URL にリダイレクトできます。

まず、プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、カスタムサンキューページのURLを入力する必要があります。

この情報を取得するには、SeedProd » ランディングページに移動し、作成したばかりのサンキューページを見つけます。リンクは「URL」列にあります。

SeedProd ページの URL を取得する

この情報が揃ったら、WooCommerce » サンキューページに移動します。

ここで、「グローバルサンキューページを有効にする」ボックスをチェックします。

WooCommerceのお客様にカスタムのお礼ページを表示する

これで、「お礼ページURL」ボックスにリンクを入力できます。

それが終わったら、「変更を保存」をクリックして設定を保存します。

WooCommerce のカスタムサンキューページにリダイレクトする

これで、注文が完了したときにWooCommerceはお客様をカスタムのお礼ページに誘導します。

ボーナスヒント:WooCommerceストアのホリデーセールを計画する

WooCommerceストアのホリデーセールを計画することは、特にクリスマスと新年が近づいている今、新規顧客を引き付け、収益を増やすための素晴らしい方法です。

ホリデーシーズン中は、買い物客が積極的にセールを探しており、クーポンや配送料割引を提供することで、サイトへのトラフィックを増やすことができます。

クリスマスセールポップアップ

適切に実行されたセールは、即時の売上を伸ばすだけでなく、ブランド認知度を高め、既存顧客からのリピート注文を促進することもできます。

詳細については、WooCommerce ストアのホリデーセールを計画する方法に関するガイドをご覧ください。

この記事が、カスタムのWooCommerceサンキューページ作成のお役に立てば幸いです。次に、ストア向けのおすすめのWooCommerceプラグインのリストや、WooCommerceストアのカスタマージャーニーを最適化する方法についてのガイドもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

コメント

  1. おめでとうございます。この記事の最初のコメント者になる機会を得ました。
    質問や提案はありますか?コメントを残して、議論を開始してください。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。