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

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

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

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

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

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

「今すぐ購入」ボタンを追加する主な理由は、顧客の購入プロセスを迅速化することです。購入者を直接チェックアウトに誘導することで、カート放棄を減らし、売上を増やすことができます。

購入ボタンを使用する主なメリットは次のとおりです。

• コンバージョン率の向上：直接チェックアウトは衝動買いを促進し、特にセールページやランディングページで使用すると、コンバージョン率を向上させることができます。
• カート放棄を削減: カートページのような追加ステップを削除することで、顧客が購入を完了する前に考えを変える機会を減らします。
• 顧客体験を向上: 素早くスムーズな購入プロセスは、より良い体験を生み出し、顧客が将来あなたのストアに戻ってくることを奨励します。

このガイドでは、「今すぐ購入」ボタンを追加する3つの異なる方法を紹介します。ウェブサイトに最適な方法を選ぶための簡単な概要を以下に示します。

どちらの方法を選択すべきか？

• WP Simple Pay: 完全なeコマースストアをセットアップせずに、簡単な1回限りの支払いを受け付けたい場合に最適な選択肢です。サービス、単一製品、または寄付に最適です。
• Easy Digital Downloads: 電子書籍、ソフトウェア、コースなどのデジタル製品を販売している場合、このプラグインが最良のソリューションです。デジタル商品専用に設計された「今すぐ購入」機能が組み込まれています。
• WooCommerce プラグイン: すでに WooCommerce で完全なオンラインストアを運営している場合は、この方法で簡単なプラグインを使用して、既存の製品ページに「今すぐ購入」ボタンを追加します。

下のクイックリンクを使用して、使用したい方法にジャンプしてください。

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

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

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

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

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

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

ステップ 1: WP Simple Pay をインストールして Stripe に接続する

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

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

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

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

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

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

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

まだ Stripe に登録していない場合は、メールアドレスを入力し、画面の指示に従って Stripe アカウントを作成してください。

ステップ 2: 新しい支払いボタンを作成する

Stripe アカウントが接続されたら、「支払いフォームを作成」ボタンをクリックします。

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

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

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

ステップ 3: 支払い詳細を設定する

次の画面で、参照用に支払いボタンに「タイトル」を付けます。

「説明」フィールドを使用して、ボタンに関する情報を追加することもできます。

WordPress はこれをサイトの訪問者には表示しませんが、あなた自身の参照用、または WordPress ダッシュボードを共有する他の人にとっては役立つ場合があります。

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

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

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

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

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

ステップ 4: ボタンとチェックアウトフォームをカスタマイズする

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

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

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

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

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

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

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

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

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

ステップ 5: ボタンを公開してテストする

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

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

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

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

取引を表示するには、Stripe でテストモードを有効にする必要があります。Stripe ダッシュボードにログインした後、テストデータを表示するためのトグルスイッチを探してください。

これは通常、ページの右上隅にあります。

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

ステップ 6: 公開して支払いを受け付け開始

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

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

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

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

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

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

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

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

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

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

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

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

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

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

これを踏まえ、両方の方法の使い方をご紹介します。

ステップ 1: Easy Digital Downloads のインストールと有効化

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

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

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

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

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

ステップ 2: 支払いゲートウェイの設定

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

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

重要: 即時「今すぐ購入」ポップアップを機能させるには、支払いゲートウェイを 1 つだけ選択する必要があります。複数のゲートウェイを有効にすると、ボタンは引き続き機能しますが、ユーザーは支払い方法を選択するためにメインのチェックアウト ページにリダイレクトされ、ポップアップが表示される代わりにそこから選択することになります。

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

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

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

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

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

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

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

ステップ 3: 新しいダウンロード可能な製品の作成

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

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

ステップ 4: 製品の価格設定とファイルのアップロード

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

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

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

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

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

ステップ 5: ボタンの動作を「今すぐ購入」に変更

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

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

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

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

ステップ 6: 任意のページまたは投稿に「今すぐ購入」ボタンを追加

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

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

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

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

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

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

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

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

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

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

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

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

オンラインストアに「今すぐ購入」ボタンを追加する最も簡単な方法は、Buy Now Button for WooCommerce プラグインを使用することです。

このプラグインは、商品ページに自動的に「今すぐ購入」ボタンを追加し、WooCommerceの設定からその見た目や動作を簡単にカスタマイズできます。

ステップ 1: プラグインのインストールと有効化

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

ステップ2：今すぐ購入ボタンの設定を構成する

有効化したら、WordPressダッシュボードから WooCommerce » 設定 » 今すぐ購入 » 一般 ページに移動します。ここで「今すぐ購入ボタンを有効にする」ボックスにチェックを入れる必要があります。

その後、顧客をカートページをスキップして直接チェックアウトページにリダイレクトするか、またはチェックアウトフォームをポップアップで表示するかを選択できます。

また、商品ページでのボタンの位置を、「カートに追加」ボタンの前または後に表示するように設定することもできますし、数量入力の前または後に表示することもできます。

さらに、ボタンのテキストを「今すぐ購入」などに変更したり、新しい購入の前にカートをリセットしたり、数量入力を削除してチェックアウト体験を合理化したりすることもできます。

完了したら、「変更を保存」ボタンをクリックして設定を保存することを忘れないでください。

次に、上部から「カスタマイズ」タブに切り替えて、ボタンの外観を調整します。

テーマのデフォルトスタイルを使用するか、テキスト、背景、境界線の色（ホバー状態を含む）をお好みに合わせてカスタマイズできます。

ボタンの寸法を調整したり、パディング、マージンを追加したり、幅や高さを調整したりすることもできます。さらに詳細な制御が必要な場合は、カスタムCSSを追加できます。

設定に満足したら、必ず変更を保存してください。

ステップ3：商品ページを確認する

次に、WooCommerceストアの商品ページにアクセスします。標準の「カートに追加」ボタンの横に新しい「今すぐ購入」ボタンが表示されているはずです。

お客様がそれをクリックすると、設定に応じて、チェックアウトに直接リダイレクトされるか、ポップアップが表示されます。

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

「今すぐ購入」ボタンの追加方法を学んだところで、オンライン ストアを改善してより多く販売するための、さらに実績のある戦略をいくつかご紹介します。

• 商品レコメンデーションを表示する: 顧客が気に入る可能性のある商品を簡単に見つけられるように、関連商品を提案します。これにより、ショッピング体験が向上し、アップセル、クロスセル、または自動メールを通じて実現できます。
• 顧客レビューページを追加する: 過去の購入者の肯定的な体験を示すことで、新規顧客との信頼を築きます。段階的な手順については、WordPressに顧客レビューページを追加する方法に関するガイドを参照してください。
• FOMO（機会損失の恐怖）を活用してコンバージョンを増やす: FOMO、つまり「機会損失の恐怖」は、緊急性を生み出します。期間限定オファーを宣伝したり、サイトにカウントダウンタイマーを表示したりすることで、この戦術を使用できます。完全な手順については、WordPressサイトでFOMOを活用してコンバージョンを増やす方法に関するガイドを参照してください。

これらのトリックは、売上を伸ばし、ストアを次のレベルに引き上げるのに役立ちます。

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

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