シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

カスタムWooCommerceサンキューページの作り方(簡単)

カスタムWooCommerceサンキューページの作り方(簡単) 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

私は、オンラインショップの細部について考えることに多くの時間を費やしている。良い買い物体験と素晴らしい買い物体験を分ける、ちょっとした瞬間。

最も見過ごされている瞬間のひとつが、販売直後に起こることだ。その最終ページは単なる確認以上のものだ。

新規顧客からの信頼を築く最初のチャンスです。最初の購入から次の購入への橋渡しとなる。

このスペースを使って、相手を誘導し、助け、笑顔にすることができる。取引が完了した後でも、相手の体験を気にかけていることが伝わります。

WooCommerceのカスタムサンキューページを簡単に作成する方法を説明します。これは、あなたのストアにできる最も簡単で最も強力な変更の1つです。

WooCommerceサンキューページの作成手順:

ビデオ・チュートリアル

WooCommerceのサンキューページとは?

WooCommerceのサンキューページとは、WooCommerceストアの1つのページで、商品やサービスを購入してくれた買い物客に感謝の気持ちを伝えるものです。このページには通常、お礼のメッセージと、注文情報や支払い状況などの主要なチェックアウト確認の詳細が含まれますが、精通したストアオーナーは、売上とエンゲージメントを高めるために、より多くの機能を追加することができます。

なぜWooCommerceのサンキューページをカスタマイズするのか?

WooCommerceにはデフォルトでサンキューページが用意されています。買い物客があなたのチェックアウトページで購入を完了した後、このようなサンキューページが表示されます:

デフォルトのWooCommerceサンキューページ

サンキューページの見栄えはWordPressのテーマによって異なります。デフォルトの購入後のサンキューページは、コンバージョンや顧客エンゲージメントのために最適化されていません。

WooCommerceのデフォルトのサンキューページをカスタムデザインに置き換えれば、コンバージョンの高いページに変えることができます:

  • チェックアウト後のアップセルやクロスセルの追加
  • 売れ筋商品や新入荷商品の紹介
  • 次回購入時にクーポンを提供する
  • 製品ガイド、セットアップヘルプ、ボーナスコンテンツへのリンク
  • ソーシャル共有ボタンを追加してリーチを増やす

WordPressでカスタムWooCommerceサンキューページを作成する方法

SeedProdを使用して、オンラインストアのためのカスタムWooCommerceサンキューページを作成します。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

SeedProdは、100万以上のWordPressサイトで使用されているWordPressのための最高のウェブサイトビルダーの一つです。

SeedProdを使えば、コードなしでコンバージョンの高いランディングページ、カスタムWordPressテーマ、レスポンシブWebサイトレイアウトを作成できます。SeedProdのドラッグ&ドロップビルダーを使えば、開発者を雇うことなくWooCommerceウェブサイトを作成することもできます。

SeedProdでWooCommerceのカスタムサンキューページを作成するには、以下の手順に従ってください。

ステップ1.SeedProdプラグインをインストールする

まず、SeedProdプラグインをダウンロードし、WordPressウェブサイトにインストールしてください。WordPressプラグインのインストール方法についてはこちらをご覧ください。

SeedProdの無料版を入手することもできますが、必要なWooCommerceブロックにはSeedProd Eliteを使用します。

プラグインをインストールし、有効化した後、WordPressのダッシュボードからSeedProd " Settingsに移動し、ライセンスキーを入力します。

ライセンスキーを入力する

ライセンスキーは、SeedProdのウェブサイトのアカウントセクションにあります。

次に、SeedProd " Landing Pagesに 行く必要があります。ここでSeedProdのページモードを有効にし、新しいサンキューページを作成することができます。

SeedProdランディングページのダッシュボード

新しいランディングページを追加]ボタンを選択し、サンキューページを作成します。

ステップ2.SeedProdでサンキューページのテンプレートを選ぶ

次の画面でランディングページのテンプレートを選ぶことができ、何百ものテンプレートが用意されている。

SeedProdランディングページテンプレート

サンキュー ページのテンプレートを表示するには、サンキュータブのみをクリックします。気に入ったテンプレートにカーソルを合わせ、チェックマークアイコンをクリックして起動します。

WooCommerceサンキューページテンプレート

このチュートリアルでは、「注文完了のサンキューページ」を使用します。

サンキューページのテンプレートを選択したら、名前とページのURLを入力する必要があります。保存してページの編集を開始するボタンをクリックしてください。

ランディングページ名

ステップ3.アップセルでWooCommerceサンキューページをカスタマイズする

ドラッグ&ドロップビルダーでサンキューページの編集を開始できます。

ビジュアルエディタでは、右側にページのライブプレビューが表示されます。ページ要素を編集するには、項目をクリックすると左側に設定メニューが表示されます。

カスタムWoocommerceサンキューページビルダー

左側のパネルには、ページにドラッグ&ドロップできるブロックと呼ばれる要素があります。

まずはページのフォントをWooCommerceのテーマに合わせて変更します。左下のグローバル設定アイコンをクリックし、フォントタブを展開します。

サンキューページのフォントをカスタマイズする

その後、カスタムGoogleフォントを選択し、ページにグローバルに適用することができます。また、同じパネルでグローバルカラー、背景、カスタムCSSを適用することもできます。

次に、SeedProdのドラッグ&ドロップビルダーを使用して、WooCommerceのサンキューページをコンバージョンに最適化されたチェックアウト後の画面に変えることができます。

WooCommerceアップセルを追加する

WooCommerceのサンキューページに関連商品のアップセルを追加することで、平均注文金額を増加させ、より多くの店舗売上を促進することができます。

ここでは、ストアの注文確認ページにアップセルを作成する方法を説明します。

左側のパネルのセクションタブをクリックすると、さまざまなコンテンツセクションがあらかじめ用意された画面が開きます。Heroタブを選択し、オレンジ色のプラスアイコンをクリックしてHero 2 セクションを選択し、ページに挿入します。

WooCommerceサンキューページのヒーローセクション

新規セクションの画像ブロックをクリックし、アップセルしたい商品の画像を追加します。

アップセル商品イメージ

商品タイトルと商品説明にも同じことができます。

アップセル商品の説明

次に、新しいコール・トゥ・アクション・ボタンを追加するので、既存のボタンにカーソルを合わせ、ゴミ箱アイコンをクリックして削除する。

コール・トゥ・アクション・ボタンの削除

次に、WooCommerceブロックまでスクロールダウンし、Add-to-Cartボタンの上にドラッグします。古いボタンがWooCommerce商品に接続するボタンに置き換わります。

WooCommerceのカートに入れるボタン

ボタンをクリックして設定パネルを開き、その商品の商品IDを入力します。そうすることで、その商品が自動的にお客様のカートに追加されます。

商品IDは、WordPressの管理画面から「商品」→「すべての商品」と進み、商品を見つけることで確認できます。

WooCommerceの商品ID

カートに追加]ボタンにプロダクトIDを追加した後、[レジに直接]トグルをオンにします。

ダイレクト・トゥ・チェックアウト

また、「詳細設定」タブをクリックすると、ボタンの色、パディング、配置などをカスタマイズできます。

では、アップセル商品を宣伝する見出しを追加しましょう。アップセルの上に見出しブロックをドラッグし、買い物客に購入を促す魅力的な見出しを追加します。

WooCommerceサンキューページのカスタムヘッドライン

売れ筋商品グリッドの追加

WooCommerceのサンキューページにベストセラー商品を追加することは、売上を伸ばす簡単な方法です。これらの商品は売れることが証明されているため、顧客は購入する準備ができている可能性が高いです。

そのためには、WooCommerce Blocksセクションまでスクロールし、Best-Selling Productsグリッドをページにドラッグします。

カスタムWoocommerceサンキューページのベストセラー商品

複数の商品、カラム、ページネーションなどをブロックに設定できます。そして、詳細設定タブでは、グリッドの色、スタイル、整列、間隔をカスタマイズできます。

売れ筋商品ブロックセッティング

SeedProdでWooCommerceのサンキューページをカスタマイズする方法は他にもたくさんあります:

カウントダウンタイマーを追加して、キャンペーン終了前にセール品を購入するよう促すこともできる。

セール商品カウントダウンタイマー

変更を保存するには、右上の「保存」ボタンを忘れずにクリックしてください。

ステップ4.WooCommerceサンキューページを公開する

WooCommerceの注文確認ページの見栄えに満足したら、ウェブサイト上で公開することができます。そのためには、保存ボタンのドロップダウン矢印をクリックして、公開を選択します。

サンキューページを公開する

これで、お礼のページにアクセスして、どのように見えるかを確認することができます。

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

デフォルトのWooCommerceサンキューページを置き換える方法

サンキューページを公開した後、デフォルトのWooCommerceサンキューページをリダイレクトし、顧客が新しいカスタム確認画面にランディングするようにする必要があります。そうすることで、商品を購入した後、顧客がデフォルトのページではなく、新しいサンキューページを見るようになります。

WordPressのテーマファイルを編集することで、サンキューページをリダイレクトすることができますが、初心者やコードに不慣れな方には簡単ではありません。代わりに、WordPressプラグインを使用することをお勧めします。

Thanks Redirect for WooCommerceプラグインを使用することをお勧めします。使いやすく、素早く簡単にリダイレクトを追加できます。

プラグインはWordPressプラグインリポジトリから無料でダウンロードできます。インストールし、有効化した後、WooCommerce " Settingsページに行き、Productsタブをクリックしてください。

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

次の画面でThanks Redirectリンクをクリックし、Enable Global Thanks Redirectボックスをチェックします。そうすると、Thanks Redirect URLというフィールドが表示されます。

新しいWooCommerceサンキューページのURLをこのボックスに貼り付け、変更を保存ボタンをクリックします。

WooCommerceサンキューページFAQ

WooCommerceのサンキューページに表示すべき情報とは?

WooCommerceのサンキューページには通常、注文番号、顧客情報、購入商品、注文合計、顧客に表示したい追加メモやメッセージなどの注文詳細が表示されます。また、支払いや配送に関する詳細も表示されます。

WooCommerceのサンキューページにソーシャル共有ボタンを追加できますか?

はい、SeedProdのソーシャルシェアボタンブロックを使用して、WooCommerceのサンキューページにソーシャルシェアボタンを追加することができます。これにより、顧客は購入した商品をソーシャルメディアプラットフォームで簡単に共有したり、推奨したりすることができます。

WooCommerceのサンキューページにフィードバックまたはレビューフォームを含めることは可能ですか?

はい。SeedProdのWPFormsインテグレーションとContact Formブロックを使って顧客フィードバックフォームを作成し、WooCommerceのサンキューページに表示することができます。

コンバージョンを追跡したり、WooCommerceのサンキューページにコンバージョントラッキングコードを追加することはできますか?

はい、SeedProdではGoogle AnalyticsやFacebook PixelのようなコンバージョントラッキングコードをWooCommerceのサンキューページに追加することができます。これにより、マーケティングキャンペーンの効果を追跡・測定し、コンバージョン率を監視することができます。

それだけだ!

これで、リードと売上を変換するために最適化されたカスタムWooCommerceサンキューページができました。この記事がお役に立てれば幸いです。

SeedProdを使用すると、コーディング不要で、売上と顧客ロイヤルティを高めるカスタムWooCommerceサンキューページを作成できます。

WooCommerceストアを改善し続けたいですか?次に役立つチュートリアルをご覧ください:

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。