WordPressに「今すぐ購入」ボタンを追加する方法(3つの簡単な方法)

私たちがオンライン販売を開始した当時、WordPressに「今すぐ購入」ボタンを追加するプロセスは不必要に複雑でした。

何年にもわたるさまざまなソリューションのテストと、他の事業主の支払いシステムのセットアップ支援を経て、私たちは正しい方法を見つけました。

鍵となるのは、ビジネスニーズに合った方法を選択し、顧客にとって購入プロセスをシンプルにすることです。これは当社のパートナーブランドが習得したことであり、コンバージョン率に大きな違いをもたらしました。

このガイドでは、WordPressサイトに「今すぐ購入」ボタンを追加するための3つの実績ある方法を説明します。これらのソリューションはあらゆる規模のビジネスに対応しており、お客様の特定のニーズに最適なものを選ぶお手伝いをします。

WordPressに「今すぐ購入」ボタンを追加する方法

WordPressに購入ボタンを追加する理由

今すぐ購入ボタンは、カート放棄率を減らすための優れた方法です。購入プロセスの各ステップは、顧客が考えを変えてカートを放棄する機会となります。

ショッパーを直接チェックアウトに誘導することで、購入をやめる時間が少なくなり、購入を断念する可能性が低くなります。衝動買いを促進し、特にデジタルダウンロード、電子書籍、物理的な製品、またはコースに役立ちます。

購入プロセスを迅速化するため、今すぐ購入ボタンはお客様の体験を向上させることもできます。購入者のジャーニーが簡単だと感じれば、お客様はあなたのストアに繰り返し戻ってくる可能性が高くなります。チェックアウトプロセスで複数のページを移動する必要がなくなり、購入プロセスにおける摩擦が軽減されます。

今すぐ購入ボタンは商品ページでよく見かけますが、ランディングページやセールスページで使用されることもあります。

このように、今すぐ購入ボタンは、顧客が商品ページにアクセスすることなく購入プロセスを開始できるようにするため、マーケティングおよび広告キャンペーンのコンバージョン率を高める可能性があります

これを踏まえ、WordPressに購入ボタンを追加する方法を3つご紹介します。以下のクイックリンクを使用して、使用したい方法にジャンプしてください。

  1. WP Simple Pay を使用して購入ボタンを追加する (eコマースプラグイン不要)
  2. デジタルダウンロードに購入ボタンを追加する方法
  3. Add a Buy Now Button to Your WooCommerce Store

    準備はいいですか?始めましょう。

    方法1: WP Simple Pay で「今すぐ購入」ボタンを追加する (eコマースプラグインは不要)

    WP Simple Payを使用して、任意のページ、投稿、またはウィジェット対応エリアにシンプルな購入ボタンを追加できます。

    WP Simple Pay

    これは、サービス業、非営利団体、またはWordPressですぐに購入ボタンオプションを探している人に最適なオプションです。

    WP Simple Pay は、WordPress 向けの 最高の Stripe 決済プラグインです。テスト中に、クレジットカード決済、Apple Pay、Google Pay、ACH 銀行デビットなどを簡単に受け付けられることがわかりました。これにより、特別なものをインストールすることなく、セールスページに「今すぐ購入」ボタンを追加したい場合に、WP Simple Pay は最適な選択肢となります。

    詳細については、当社のWP Simple Payレビューをご覧ください。

    注意: このガイドでは、WP Simple Payの無料版を使用します。

    ACHダイレクトデビットまたは定期的な支払いを使用して支払いを受け付けたり、自動税計算を行ったり、WordPressに「今すぐ購入、後払い」プランを追加したりしたい場合は、proバージョンにアップグレードする必要があります。

    まず、WP Simple Payプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドをご覧ください。

    有効化すると、プラグインはセットアップウィザードを自動的に起動します。「開始する」ボタンをクリックしてください。

    WP Simple Pay WordPress決済プラグイン

    次のステップでは、StripeアカウントをWP Simple Payに接続する必要があります。Stripeは、ウェブサイト所有者向けの初心者向け決済処理サービスです。

    開始するには、「Stripeで接続」ボタンをクリックします。

    WP Simple PayとStripeの接続方法

    次の画面で、既存のStripeアカウントにログインするか、新しいアカウントを作成するかを選択できます。

    すでにStripeアカウントをお持ちの場合は、そのアカウントのメールアドレスとパスワードを入力してください。

    StripeをWordPressウェブサイトに接続する

    WP Simple Payは、StripeアカウントをWordPressに接続する方法を説明します。

    まだStripeに登録していない場合は、メールアドレスを入力し、画面の指示に従ってStripeアカウントを作成してください。Stripeアカウントにログインしたら、「支払いフォームを作成」ボタンをクリックします。

    この画面から誤って離れてしまった場合でも、慌てる必要はありません。WP Simple Pay » 新規追加 に移動することで、同じ画面にアクセスできます。

    WP Simple Payを使用して「今すぐ購入」ボタンを追加する

    無料の WP Simple Pay プラグインには、決済フォームをすばやく作成するのに役立ついくつかの異なるテンプレートがあります。WP Simple Pay Pro にアップグレードすると、WordPress に Stripe 寄付ボタンを追加するテンプレートなど、追加のテンプレートをアンロックできます。

    購入ボタンを作成したいので、「支払いボタン」テンプレートにカーソルを合わせ、「表示されたら「支払いボタンを作成」をクリックします。

    支払いボタンを作成する

    「Title」フィールドに、購入ボタンの名前を入力します。

    このタイトルは参照用ですので、好きなものを使用できます。

    WordPressで今すぐ購入ボタンにタイトルを追加する

    「説明」フィールドを使用して、ボタンに関する情報を追加することもできます。ここでも、WordPress はサイトの訪問者にこれを表示しませんが、あなた自身の参照や、WordPress ダッシュボードを共有する他の人にとっては役立つ場合があります。

    その後、「支払い」タブをクリックします。

    デフォルトでは、WP Simple Payはボタンをテストモードで作成します。これは、まだ実際の支払いを受け付けられないことを意味します。

    支払いを受け付ける前に「今すぐ購入」ボタンをテストできるように、「グローバル設定(テストモード)」ラジオボタンを選択したままにしておくことをお勧めします。

    テストモードで「今すぐ購入」ボタンを作成する

    すぐに支払いを受け付けたい場合は、代わりに「ライブモード」ボタンを選択できます。

    次に、ボタンが顧客に請求する金額を決定できます。「一回限りの金額」フィールドにこの数値を入力してください。

    WP Simple Payを使用して1回限りの支払いを受け取る

    注意: WP Simple Payはデフォルトで米ドル通貨を使用します。異なる通貨で支払いを受け付けたい場合は、WP Simple Pay » 設定に移動してください。次に、「通貨」タブを選択し、新しい通貨を選択できます。

    それが完了したら、「フォームフィールド」タブを選択します。

    WP Simple Pay のフォームフィールド設定

    デフォルトでは、ボタンのラベルは「今すぐ支払う」になりますが、「ボタンのテキスト」フィールドに入力することで好きなように変更できます。

    また、「Button Processing Text」(WP Simple Payが支払いを処理中に購入者に表示するメッセージ)を変更することもできます。

    WordPress で購入ボタンをカスタマイズする

    デフォルトでは、WP Simple Payは、WordPressテーマと同じボタンのスタイルを使用します。

    また、「Stripeブルー」スタイルもあり、次の画像で確認できるように使用できます。このボタンのスタイルを使用したい場合は、「支払いボタン」セクションで「Stripeブルー」ラジオボタンを選択するだけです。

    Stripeの青いボタンのスタイル

    次に、「Stripe Checkout」タブを選択し、WP Simple Payがチェックアウト時に訪問者から収集する情報を選択します。

    例えば、物理的な商品を販売している場合、「配送先住所を収集する」ボックスをチェックすることで、顧客の配送先住所を取得できます。

    Stripeチェックアウトページの構成

    顧客が複数の商品をまとめて購入する可能性があると思われる場合は、「数量調整を許可する」チェックボックスにチェックを入れてください。

    これにより、Stripeチェックアウトページにドロップダウンが追加され、顧客は購入する製品の数を変更できます。

    チェックアウト時の商品数量の変更

    今すぐ購入ボタンの設定が完了したら、「公開」ボタンをクリックして公開します。

    「Form Shortcode」を使用して、この購入ボタンを任意のWordPressページ、投稿、またはウィジェット対応エリアに追加できるようになりました。

    ショートコードを使用して「今すぐ購入」ボタンを追加する

    ショートコードの配置方法の詳細については、WordPress でショートコードを追加する方法に関するガイドをご覧ください。

    ボタンをテストモードで公開した場合、Stripeダッシュボードにはこの期間中に受け取った支払いは表示されないため、今すぐ購入ボタンのテストが困難になります。

    取引を表示するには、Stripeのテストモードを有効にする必要があります。Stripeダッシュボードにログインし、「支払い」タブをクリックしてください。

    Stripe支払いダッシュボード

    その後、右上隅にある「開発者」トグルをクリックするだけです。

    これが完了したら、「今すぐ購入」ボタンをテストでき、支払いはStripeダッシュボードに表示されます。

    StripeとWordPressでのクレジットカード決済のテスト

    ボタンのテストが完了したら、**WP Simple Pay » Payment Forms** に移動して支払いを受け付け始めることができます。

    ここで、購入ボタンの上にマウスカーソルを合わせ、「編集」リンクをクリックします。

    「今すぐ購入」ボタンの編集

    これで、「支払い」タブを選択し、「ライブモード」の隣にあるラジオボタンをクリックできます。

    最後に、「更新」をクリックします。これで、購入ボタンが有効になり、訪問者からの支払いを受け付ける準備が整いました。

    「今すぐ購入」ボタンをライブモードにする

    方法2:デジタルダウンロードに「今すぐ購入」ボタンを追加する方法

    WP Simple Payを使用すると、WordPressのブログやウェブサイトに簡単な購入ボタンを追加できます。ただし、WordPressでデジタルダウンロードを販売したい場合は、購入ボタン機能を持つeコマースプラグインが必要になります。

    Easy Digital Downloads は、デジタル商品を簡単に販売するための最適なプラットフォームです。実際、私たちはこのプラグインを、多くのプレミアム WordPress プラグインを販売するために自身でも使用しています。

    私たちの経験についてさらに詳しく知るには、Easy Digital Downloads レビューをご覧ください。

    Easy Digital Downloads ウェブサイト

    このプラグインを使用すると、WordPressに購入ボタンを追加するためのいくつかの方法が提供されます。

    デフォルトでは、Easy Digital Downloads はすべての商品ページに「カートに追加」ボタンを表示します。しかし、これを代わりに「今すぐ購入」ボタンに置き換えることができます。

    Easy Digital Downloadsを使用して作成された今すぐ購入ボタン

    お客様が上記の画像で見られるボタンをクリックすると、メールアドレスとクレジットカードの詳細を入力できるポップアップが表示されます。

    その後、顧客は「購入」をクリックするだけで、製品の購入に進むことができます。

    簡単デジタルダウンロードポップアップ

    Easy Digital Downloadsには、「EDD購入ボタン」ブロックも付属しており、任意のページ、投稿、またはウィジェット対応領域に追加できます。

    このブロックをダウンロード可能な商品に接続できます。訪問者はこのボタンをクリックするだけで商品をバスケットに追加し、すぐにチェックアウトに進むことができます。

    EDD購入ブロック

    これを踏まえて、両方の方法を見てみましょう。

    商品ページに「今すぐ購入」ボタンを追加する方法

    まず、商品ページに「今すぐ購入」ボタンを追加することを検討してください。これにより、顧客が考えを変えて購入を断念するまでの時間を短縮できます。

    ホスティングプロバイダーとしてSiteGroundを使用している場合、Easy Digital Downloadsはプリインストールされているため、すぐにプラグインを使用できます。

    もしそうでなければ、SiteGround EDDホスティングをチェックして、月額わずか2.99ドルから始めることができます!

    他のホスティングプロバイダーをご利用の場合は、Easy Digital Downloads プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

    このガイドでは、無料のEasy Digital Downloadsプラグインを使用します。これは、シンプルな購入ボタンを作成するために必要なものがすべて含まれているためです。より高度な機能(ウィッシュリスト、購入特典、不正監視など)を備えたプロバージョンもあります。

    購入ボタンを作成する前に、StripeまたはPayPalを設定する必要があります。支払いゲートウェイを構成するには、**Downloads » Settings** に移動し、「Payments」タブをクリックしてください。

    Easy Digital Downloads で決済ゲートウェイを設定する

    使用したい支払いゲートウェイに応じて、「PayPal」または「Stripe」の隣にあるチェックボックスをオンにできるようになりました。

    複数の決済ゲートウェイを追加すると、「今すぐ購入」ボタンを作成できなくなるため、ゲートウェイは1つだけ選択することが重要です。

    決定したら、「Save Changes」をクリックして設定を保存します。

    EDD の Stripe 決済ゲートウェイの設定

    PayPal を使用したい場合は、「PayPal」タブをクリックしてください。

    次に、「Connect with PayPal in live mode」ボタンを選択できます。

    PayPal 決済ゲートウェイの設定

    これにより、支払いを受け取りたい PayPal アカウントのメールアドレスとパスワードを入力できるポップアップが表示されます。

    代わりにStripeを設定するには、「Stripe」タブをクリックし、「Stripeに接続」を選択します。

    EDDのStripeを設定する

    これによりセットアップウィザードが開き、ウェブサイトを Stripe に接続するのに役立ちます。

    支払いゲートウェイの設定が完了したら、「変更を保存」ボタンをクリックすることを忘れないでください。これで、Easy Digital Downloadsの各商品ページに「今すぐ購入」ボタンを追加できます。

    最初のデジタル製品を作成するには、ダウンロード » ダウンロードに移動します。次に、「新規追加」ボタンをクリックします。

    新しいデジタルダウンロード製品の追加

    これで、商品のタイトルと説明を追加し、画像をアップロードし、カテゴリとタグを追加するなどを行うことができます。

    注意:デフォルトでは、Easy Digital Downloadsは製品を無料ダウンロードとして設定します。「製品オプション」セクションまでスクロールして、製品の実際の価格を入力することが重要です。

    商品オプション設定

    次のステップは商品のアップロードです。これは、電子書籍のダウンロード、ビデオトレーニング、PDFガイド、デジタルアートやグラフィック、またはWordPressがサポートするその他のファイルである可能性があります。

    プロのヒント: SVG画像、PSDファイルなど、WordPressがサポートしていないファイルタイプを販売したい場合は、WordPressで追加のファイルタイプを許可する方法に関するガイドを参照してください。

    ダウンロード可能なファイルを追加するには、「ダウンロードファイル」セクションまでスクロールします。

    「ファイル名」フィールドに、ダウンロード可能なファイルの名前を入力します。入力したら、「ファイルのアップロード」ボタンをクリックします。

    ダウンロード可能な製品のアップロード

    これにより、WordPressのメディアライブラリが起動します。ここで、デジタルダウンロードとして販売したいファイルを選択できます。

    製品の設定が完了したら、購入ボタンを追加する時期です。

    右側のメニューで、「ボタンオプション」セクションを見つけます。ここで、「購入ボタンの動作」ドロップダウンをクリックし、「今すぐ購入」を選択します。

    Easy Digital Downloadsを使用した購入ボタンの作成

    「公開」をクリックして、製品を公開できるようになりました。これで、この製品ページにアクセスすると、「今すぐ購入」ボタンが表示されます。

    上記で説明したのと同じ手順に従うだけで、どの商品ページにも「今すぐ購入」ボタンを追加できます。

    任意のページまたは投稿に「今すぐ購入」ボタンを追加する方法

    場合によっては、オンラインストアの他の部分で「購入ボタン」を使用したい場合があります。

    例えば、特定の製品を宣伝するランディングページがある場合、顧客がそのランディングページから直接チェックアウトプロセスを開始できるようにすることができます。

    これは、衝動買いを促し、購入者のジャーニーから複数のステップを削除することで、より多くの売上につながる可能性があります。

    これは、「EDD Buy Button」ブロックを使用して簡単に行えます。このブロックを使用するには、まず支払いゲートウェイを設定し、上記と同じプロセスで少なくとも1つの商品を作成する必要があります。

    その後、コンテンツエディタで、購入ボタンを追加したいページまたは投稿を開きます。「+」アイコンをクリックし、「EDD Buy Button」と入力し始めます。

    EDD購入ボタンブロック

    適切なブロックが表示されたら、クリックしてレイアウトに追加します。

    「ダウンロードを選択」ドロップダウンを開き、顧客のカートに追加される製品を選択できるようになりました。

    EDD購入ボタンブロックの設定

    デフォルトでは、Easy Digital Downloadsは「今すぐ購入」ボタンに商品の価格を表示します。

    価格を非表示にしたい場合は、「価格を表示」トグルをクリックして無効にします。

    「今すぐ購入」ボタンに価格を追加・削除する

    ページを公開または更新して、公開できるようになりました。これで、WordPressウェブサイトにアクセスすると、「今すぐ購入」ボタンが機能しているのがわかります。

    方法3:WooCommerceストアに「今すぐ購入」ボタンを追加する

    WooCommerceストアを運営している場合、商品ページに今すぐ購入ボタンを追加したい場合があります。これにより、顧客は商品ページから直接チェックアウトプロセスを開始できるため、カート放棄率が低下することがよくあります。

    オンラインストアに購入ボタンを追加する最も簡単な方法は、Buy Now Button for WooCommerceプラグインを使用することです。これは設定不要のシンプルなプラグインで、すべての製品ページに購入ボタンを追加します。

    WooCommerceオンラインストア用に作成された「今すぐ購入」ボタン

    まず、プラグインをインストールして有効にする必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

    プラグインには設定がないため、オンラインストアの商品ページにアクセスしてください。標準の「カートに追加」ボタンの隣に「今すぐ購入」ボタンが表示されるようになります。

    ボーナス:売上を伸ばすためのオンラインストアのヒント

    「今すぐ購入」ボタンの追加方法を学んだので、オンラインストアをさらに改善してより多くの商品を販売するための追加のヒントをチェックすることをお勧めします。

    例えば、WordPressサイトに商品のおすすめを表示できます。関連商品を提案することで、お客様は気に入る可能性のある商品を見つけやすくなり、ショッピング体験が向上します。

    例えば、誰かが帽子を購入した場合、一緒にうまくいくサングラスを勧めることができます。これらのレコメンデーションは、スライドインカート、注文バンプ、アップセル、クロスセル、または購入後の自動メールなど、さまざまな方法で表示できます。

    ライブウェブサイトでのアップセル製品

    詳細については、WordPressで商品をおすすめする方法に関するガイドをお読みください。

    または、WordPressサイトに顧客レビューページを追加する方法を見つけることもできます。このページは、新規顧客が他の人の製品に対する肯定的な経験について読むことができるため、信頼を築くのに役立ちます。

    このトピックについてさらに詳しく知りたい場合は、WordPressにお客様の声ページを追加する方法に関するガイドをご覧ください。

    最後のヒントは、FOMOを利用してコンバージョンを増やすことです。

    FOMO(Fear Of Missing Out)とは、エキサイティングなものやトレンドなものを見逃すことへの不安感のことです。

    マーケターはインターネット以前からFOMO(取り残されることへの恐れ)を利用してきましたが、現在ではオンラインでより簡単かつ効果的になっています。例えば、近日開催されるセールや期間限定オファーを、あなたのランディングページで宣伝できます。

    カウントダウンタイマープレビュー

    変換を増やすためにWordPressサイトでFOMOを使用する方法に関するガイドで、完全な手順を確認できます。

    この記事が WordPress に購入ボタンを追加する方法を学ぶのに役立ったことを願っています。また、WordPress にダウンロードリンクを簡単に追加する方法に関するガイドや、WordPress で購入数量を制限する方法のチュートリアルも参照してください。

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

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

    究極のWordPressツールキット

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

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

    2 CommentsLeave a Reply

    1. このようなボタンのコンバージョンを効果的に追跡できるかどうかお伺いしたいです。例えば、ページを訪れた人のうち何人が実際にこのボタンをクリックしたかを知りたいです。これは、このボタンのあるページの成功を測定するために私にとって重要です。

    返信する

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