Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressに今すぐ購入ボタンを追加したいですか?

サービス、サブスクリプション、または物理的な製品のいずれを販売している場合でも、すぐに購入できるボタンがあると、購買ジャーニーが改善され、より多くの売上につながります。

この投稿では、WordPressで今すぐ購入ボタンを追加する3つの方法をステップごとに紹介します。

How to add a buy now button in WordPress

なぜWordPressに「今すぐ購入」ボタンを設置するのか?

今すぐ購入ボタンは、お買い物カゴの放棄率を下げるのに最適な方法です。購入プロセスにおけるすべてのステップは、カスタマイザーが考えを変え、お買い物カゴを放棄する新たな機会です。

購入手続きへ直行させることで、買い物客が気が変わったり、購入をあきらめたりする時間を減らすことができる。衝動買いを促すことができ、デジタルダウンロード、電子書籍、現物商品、講座などに特に有効です。

今すぐ購入ボタンは購入プロセスをスピードアップするため、カスタマーエクスペリエンスも向上させることができます。バイヤージャーニーが簡単だと感じられれば、カスタマイザーはあなたのストアにリピートする可能性が高くなります。購入手続きで複数のページをナビゲーションする必要がないため、購入プロセスにおける摩擦を減らすことができます。

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

このように、今すぐ購入ボタンを使えば、カスタマイザーは商品ページを訪れることなく購入プロセスを開始することができ、マーケティングや広告キャンペーンのコンバージョン率を高めることができます。

それでは、WordPressで今すぐ購入ボタンを追加する方法を見てみましょう。以下のクイックリンクから、使いたい方法にジャンプしてください:

方法1:WP Simple Payで今すぐ購入ボタンを追加する(eコマースプラグイン必須なし)

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

WP Simple Pay

サービスベースのビジネスや非営利団体、WordPressで今すぐ購入ボタンのオプションをお探しの方に最適な設定です。

WP Simple PayはWordPressに最適なStripe決済プラグインです。eコマースプラグインやお買い物カゴがなくても、クレジットカード決済、Apple Pay、Google Pay、ACH銀行引き落としなどを受け付けることができます。特別なインストールをすることなく、販売ページに今すぐ購入ボタンを追加したい場合、WP Simple Payが最適です。

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

ACH口座引き落としや定期的な支払い、税金の自動計算、WordPressに後払いプランを追加したい場合は、プロバージョンにアップグレードする必要があります。

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

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

The WP Simple Pay WordPress payment plugin

次のステップでは、StripeアカウントをWP Simple Payに接続する必要があります。Stripeはサイトオーナーに優しい決済代行サービスです。

まずは、’Connect with Stripe’ボタンをクリックしてください。

How to connect WP Simple Pay to Stripe

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

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

Connecting Stripe to your WordPress website

WP Simple Payでは、StripeアカウントをWordPressに接続する方法をご紹介します。

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

誤ってこの画面をクリックしてしまった場合でも、慌てる必要はありません。WP Simple Pay ” Add Newから同じ画面に行けます。

Adding a buy now button using WP Simple Pay

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

今すぐ購入ボタンを作成したいので、「支払いボタン」テンプレートにマウスオーバーし、外観が表示されたら「支払いボタンを作成」をクリックします。

Create a payment button

タイトル」フィールドに、今すぐ購入ボタンの名前を入力します。

このタイトルはあくまで参考なので、何を使っても構わない。

Adding a title to your buy now button in WordPress

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

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

初期設定では、WP Simple Payはテストモードでボタンを作成します。

グローバル設定(テストモード)」ラジオボタンを選択したままにしておくことをお勧めします。

Creating a buy now button in test mode

すぐに支払いを開始したい場合は、代わりに「ライブモード」ボタンを選択することができます。

次に、このボタンがカスタマイザーに請求する金額を決めます。この数字を’One-Time Amount’フィールドに入力してください。

Collecting a one-time payment using WP Simple Pay

注意: WP Simple Payは初期設定でドルの通貨を使用します。別の通貨で支払いを受けたい場合は、WP Simple Pay ” Settingsにアクセスしてください。新規: ‘通貨’タブを選択し、新しい通貨を選択することができます。

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

WP Simple Pay's form field settings

初期設定では、ボタンには「Pay Now」というラベルが表示されますが、「Button Text」フィールドに入力することで、任意のラベルに変更することができます。

また、WP Simple Payが支払い処理中に買い物客に表示するメッセージである’Button Processing Text’を変更することもできます。

Customizing the buy now button in WordPress

初期設定では、WP Simple PayはWordPressテーマと同じボタンスタイルを使用します。

また、以下の画像にあるように、「Stripe blue」スタイルを使用することもできます。このボタンスタイルを使用したい場合は、’Payment Button’セクションで’Stripe blue’ラジオボタンを選択するだけです。

The Stripe blue button style

次に、Stripe Checkoutタブを選択し、WP Simple Payが購入手続きの際に訪問者から収集する情報を選択します。

例えば、物理的な製品を販売している場合、’Collect Shipping Address’ボックスをチェックすることで、カスタマイザーの配送先住所を取得することができます。

Configuring the Stripe checkout page

もしカスタマイザーが複数の商品を購入する可能性がある場合は、「数量調整を許可する」にチェックを入れてください。

これにより、Stripeの購入手続きページにドロップダウンが追加され、カスタマイザーが購入する商品の数を変更できるようになります。

Changing the product quantity at checkout

購入ボタンの設定に満足したら、「公開する」ボタンをクリックして公開します。

フォームショートコード」を使って、WordPressのページ、投稿、ウィジェット対応エリアにこの購入ボタンを追加できるようになりました。

Adding a buy now button using shortcode

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

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

トランザクションを確認するには、Stripeのダッシュボードにログインし、’Payments’タブをクリックしてテストモードを有効化する必要があります。

The Stripe payment dashboard

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

Stripeのダッシュボードに支払いが表示されます。

Testing credit card payments with Stripe and WordPress

ボタンのテストが完了したら、WP Simple Pay ” Payment Forms で支払いの受付を開始できます。

ここで、今すぐ購入ボタンにマウスオーバーし、「編集」リンクをクリックしてください。

Editing your buy now button

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

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

Putting your buy now button into live mode

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

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

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

Easy Digital Downloads

Easy Digital Downloadsには、WordPressに購入ボタンを追加する方法がいくつかあります。

初期設定では、Easy Digital Downloadsのすべての商品ページに「お買い物カゴに入れる」ボタンが表示されます。しかし、その代わりに今すぐ購入ボタンに置き換えることができます。

A buy now button, created using Easy Digital Downloads

上の画像にあるボタンをクリックすると、メールアドレスとクレジットカード情報を入力するポップアップが表示されます。

その後、「購入」をクリックするだけで、商品を購入することができる。

An Easy Digital Downloads popup

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

このブロックをダウンロード可能な商品に接続することができます。訪問者はこのボタンをクリックするだけで、商品をバスケットに追加し、そのまま購入手続きを行うことができます。

The EDD Buy Block

それを念頭に置いて、両方の方法を見てみよう。

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

手始めに、商品ページに「今すぐ購入」ボタンを追加するとよいだろう。こうすることで、カスタマイザーが気が変わって購入を断念するまでの時間を短縮することができる。

ホスティングサービスとしてSiteGroundをご利用の場合、Easy Digital Downloadsがプリインストールされていますので、すぐにプラグインを使い始めることができます。

そうでない場合は、SiteGround EDDホスティングサービスをチェックアウトし、わずか月額2.99ドルで始めることができます!

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

このガイドでは、Easy Digital Downloadsプラグイン(無料)を使用します。また、ウィッシュリスト、購入特典、詐欺監視など、より高度な機能を備えたプロバージョンもあります。

購入ボタンを作成する前に、StripeまたはPayPalを設定する必要があります。支払いゲートウェイを設定するには、ダウンロード ” 設定に行き、’支払い’タブをクリックします。

Configuring payment gateways in Easy Digital Downloads

PayPal’または’Stripe’にチェックを入れてください。

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

決定後、「変更を保存」をクリックして設定を保存します。

Configuring the Stripe payment gateway for EDD

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

その後、「ライブモードでPayPalと接続する」ボタンを選択できます。

Configuring the PayPal payment gateway

支払いを受け取るPayPalアカウントのメール・アドレスとパスワードを入力するポップアップが開きます。

代わりにStripeを設定するには、’Stripe’タブをクリックし、’Connect with Stripe’を選択します。

Configuring Stripe for EDD

セットアップウィザードが開き、あなたのサイトをStripeに接続することができます。

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

最初のデジタル製品を作成するには、ダウンロード ” ダウンロードに進みます。そして、「新規追加」ボタンをクリックしてください。

Adding a new digital download product

商品のタイトルや説明の追加、画像のアップロード、カテゴリーやタグの追加などができるようになりました。

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

The product options settings

次のステップは商品のアップロードです。これは、電子書籍のダウンロード、動画トレーニング、PDFガイド、デジタルアートやグラフィック、またはWordPressがサポートするその他のファイルかもしれません。

プロからのアドバイス: SVG画像やPSDファイルなど、WordPressがサポートしていないファイル形式を販売したい場合は、WordPressで追加のファイル形式を許可する方法のガイドをご覧ください。

ダウンロードファイルを追加するには、「ダウンロードファイル」セクションまでスクロールしてください。

ファイル名」フィールドに、ダウンロードするファイルの名前を入力します。入力が終わったら、「ファイルをアップロードする」ボタンをクリックしてください。

Uploading a downloadable product

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

商品の設定に満足したら、いよいよ購入ボタンを追加します。

右側のメニューで、「ボタンオプション」セクションを見つけます。ここで、’Purchase Button Behavior’ドロップダウンをクリックし、’Buy Now’を選択します。

Creating a buy now button using Easy Digital Downloads

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

上記と同じプロセスを踏むだけで、どの商品ページにも今すぐ購入ボタンを追加することができます。

任意のページや投稿に今すぐ購入ボタンを追加する方法

オンラインショップの他の部分で、今すぐ購入ボタンを使いたい場合もあるでしょう。

例えば、特定の商品を宣伝するランディングページがある場合、カスタマイザーがそのランディングページから直接購入手続きを開始できるようにするかもしれません。

これにより、衝動買いを促しながら、バイヤージャーニーから複数のステップを削除することで、より多くの売上を得ることができる。

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

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

The EDD Buy Button block

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

ダウンロードを選択」ドロップダウンを開き、お買い物カゴに追加する商品を選択できます。

Configuring the EDD Buy Button block

初期設定では、Easy Digital Downloadsは商品の価格を購入ボタンに表示します。

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

Adding and remove the price from a buy now button

これで、ページを公開したり更新したりすることができます。これで、WordPressサイトにアクセスすると、今すぐ購入ボタンが表示されます。

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

WooCommerceストアを運営している場合、商品ページに今すぐ購入ボタンを追加することをお勧めします。これにより、カスタマイザーは商品ページから直接購入手続きを開始することができ、お買い物カゴの放棄率を減らすことができます。

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

A buy now button, created for a WooCommerce online store

まず、プラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法については、こちらをご覧ください。

プラグインには設定がないので、オンラインストアの商品ページにアクセスするだけです。標準の「お買い物カゴに入れる」ボタンの隣に「今すぐ購入」ボタンが表示されます。

この投稿が、WordPressで今すぐ購入ボタンを追加する方法を学ぶのにお役に立てば幸いです。また、最適なメールマーケティングサービスや WordPressサイトの無料SSL証明書の取得方法についてもご紹介しています。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

1件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

返信を残す

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