WordPress

WordPressで商品ページを簡単作成!Stripe導入プラグイン

wordpress 商品ページ プラグイン

こんにちは、りゅうのすけ(@k_r001)です。

この記事では、WordPressに決済システムを導入する方法についてまとめています。

 

  • 自分のブログで商品を販売したい
  • お金をかけずに決済システムを導入したい
  • WordPressで商品を売る方法が知りたい

 

こういった方は、読むことをおすすめします。

自分の商品を売ることの必要性

wordpress 商品ページ プラグイン

ブログで稼ぐには自分の商品につなげるのが重要です。

ブログで稼ぐと考えた時にまず思いつくのが、「Googleアドセンス」やアフィリエイトで利益の一部を貰うイメージだと思います。

ですがそれだけでは独立とかはかなり難しいです。

 

初心者ブロガー
初心者ブロガー
ブログの収益って広告収入や商品の紹介だけじゃないの?

 

広告収入や商品の紹介ももちろん貴重な収入源ですが、利益率がどうしても低いという問題があります。

 

りゅうのすけ
りゅうのすけ
だからこそ自分の商品を販売することが大事です。

 

まずは、ブログで得られる収益がなんなのか把握しましょう。

ブログで得られる収入

wordpress 商品ページ プラグイン

ブログで得られる収入は大きく分けて3つです。

 

ブログで得られる収入
  • 広告収入:Google アドセンスなど
  • アフィリエイト:ASPサイト経由で商品の紹介
  • 自分の商品

 

\利益率の高さ/

  広告収入   <   アフィリエイト   <   自分の商品

 
比較するまでもないですが、自分の商品が一番利益率の高い商品です。

いかに自分の商品につなげていくかということが重要です!

アフィリエイトと自分の商品の利益率の違いも知っておきましょう!

Amazon商品紹介報酬料率

wordpress 商品ページ プラグイン

 

\Amazon商品紹介報酬料率/
報酬料率商品カテゴリ
10%Amazonビデオ(レンタル・購入)、Amazonコイン
8%Kindle本、 デジタルミュージックダウンロード、Androidアプリ、 食品&飲料、お酒、服、ファッション小物、ジュエリー、シューズ、バッグ、Amazonパントリー対象商品、SaaSストアの対象PCソフト
5%ドラッグストア・ビューティー用品、コスメ、ペット用品
4.5%Kindleデバイス、 Fireデバイス、Fire TV、 Amazon Echo
4%DIY用品、産業・研究開発用品、ベビー・マタニティ用品、スポーツ&アウトドア用品、ギフト券
3%本、文房具/オフィス用品、おもちゃ、ホビー、キッチン用品/食器、インテリア/家具/寝具、生活雑貨、手芸/画材
2%CD、DVD、ブルーレイ、ゲーム/PCソフト(含ダウンロード)、カメラ、PC、家電(含 キッチン家電、生活家電、理美容家電など)、カー用品・バイク用品、腕時計、楽器
0.5%フィギュア
0%ビデオ、Amazonフレッシュ
紹介料上限(*)1商品1個の売上につき1000円

 

上記商品カテゴリーに含まれない商品に関しては、紹介料率2%になります。

 

りゅうのすけ
りゅうのすけ
商品を紹介しても利益率は、最大10%で上限は1,000円です。
自分で商品を販売すれば、利益率はほぼ100%です。

 

初心者ブロガー
初心者ブロガー
自分の商品だったら利益率もかなり高いですね!
だから独立できるんですね!

 

おすすめ決済システム

wordpress 商品ページ プラグイン

自分の商品をブログで販売するには、決済システムを導入する必要があります。

おすすめ決済システムは、「Stripe」です。

 

Stripeを導入するメリット
  • Stripe専用プラグインがある
  • 決済までの流れが簡単
  • 固定費がかからない
  • 支払いのテストが試せるのでトラブルを回避できる
  • 決済までの手順がシンプルなので離脱率が少ない
  • 顧客情報保護のための情報漏洩のセキュリティーを「Stripe」が請け負ってくれる。

 

他の決済システムも色々試しましたが結局「Stripe」に落ち着きました!

「Stripe」を導入するのにかかる費用は、決済額の3.6%のみです。

 

初心者ブロガー
初心者ブロガー
つまり「Stripe」を導入して自分の商品を販売すれば、利益率96.4%ですか!

 

稼ぐことを意識するときは、どこかの数字を大きく伸ばす必要があります。

この記事では、利益率を上げるための方法を紹介してます。

WordPressとStripeを連携して商品を売る

wordpress 商品ページ プラグイン

「Stripe」を導入するには、「Accept Stripe Payments」というプラグインを使います。

まずは「Stripe」でアカウント登録をしましょう!

 

\Stripe公式サイト/

 

アカウント登録ができたら次は、「Stripe」とプラグインそれぞれの設定をしていきましょう!

Stripe側でやるべきこと

wordpress 商品ページ プラグイン

まずは、「Stripe」に登録して4つのキーを取得しましょう。

 

テストAPIキー

  • 公開可能
  • シークレットキー

本番APIキー

  • 公開可能
  • シークレットキー

この4つのキーを「Accept Stripe Payments」に登録することでWordPressとStripeを連携できます。

 

テストキーは、決済システムがうまく動作するか確認するのに使います。

 

無くさないように必ず保存しましょう。

 

Stripe本番APIキー取得手順

wordpress 商品ページ プラグイン

Stripe」の本番用APIキーを取得するには、

 

「Stripe」にログイン➡︎開発者➡︎APIキー

 

ここに本番用APIキーがあります。

テスト用APIキー

wordpress 商品ページ プラグイン

テスト用APIキーを取得するには、本番用APIキー取得画面のテストデータを表示を押します。

これで、テスト用の公開可能キーとシークレットキーが取得できます。

Stripe」側でするべきことはこれだけです。

Accept Stripe Paymentsをインストール

wordpress 商品ページ プラグイン

プラグインは、「Accept Stripe Payments」を使います。

「Stripe」専用のプラグインで連携ができれば、あとは商品情報などを連携すればいいだけなので使いやすくて便利です。

 

プラグインのダウンロード場所は、「プラグイン」➡︎「新規追加」で取得できます。

 

キーワードの入力欄に、「Accept Stripe Payments」と入力しましょう。

wordpress 商品ページ プラグイン

インストールできたら有効化を必ずしてください。

wordpress 商品ページ プラグイン

パソコンにダウンロードしたい場合は、⬇︎下記リンクより取得できます。

 

\Accept Stripe Paymentsをダウンロード/

 

Accept Stripe Paymentsの基本設定

wordpress 商品ページ プラグイン

まずは、「Accept Stripe Payments」の設定をしていきましょう。

 

設定箇所は、Stripe Payments➡︎設定にあります。

 

ここで基本設定ができます。

wordpress 商品ページ プラグイン

 

設定する箇所
  • 通貨
  • 通貨記号
  • ポップアップウィンドウのデフォルトの国

 

言語は自動検出になっているのでデフォルトのままで大丈夫です。

wordpress 商品ページ プラグイン

本番環境モードのチェックを「ON」 or 「OFF」の切り替えで、いつでもテストモードに切り替えられます。

 

不具合があれば、必ずテストモードに切り替えましょう!

 

あとは、取得したコードを貼り付けて「変更を保存」で完了です。

その他設定

wordpress 商品ページ プラグイン

その他設定は、気になるようであれば設定しましょう。

電子メール設定は、基本的にそのままで問題はありませんが、利用方法に応じて変更しましょう。

 

料金の小数点以下の数字を消すには、高度な設定➡︎小数点以下の桁数を0に設定しましょう。

 

reCAPTCHAは、Googleのセキュリティ対策設定ですが、現在は有料なので任意で設定してください。

個人的に小数点が表示されてるのは、消した方がいいんじゃないかなと思います。

 

りゅうのすけ
りゅうのすけ
設定が終われば、いよいよ商品の作成です。

 

WordPressで商品リンクの作成

wordpress 商品ページ プラグイン

実際に商品リンクを作成していきましょう。

 

商品作成ページは、「Products」➡︎「Add New Product」にあります。

 

タイトルと商品情報を入力しましょう。

wordpress 商品ページ プラグイン

ここは記事の投稿と使い勝手はほとんど変わらないです。

商品内容が記入できればあとは、商品の設定だけです。

商品の設定

wordpress 商品ページ プラグイン

料金の設定など商品に関する情報の設定を行いましょう。

赤枠部分に商品の値段を入力します。

wordpress 商品ページ プラグイン

 

商品の設定各種項目
  • バリエーション
    商品の価格に複数種類を設定したい場合に使用できます。
  • 数量と在庫
    数に限りがある商品を取り扱う場合は設定しましょう。
  • 送料および税額
    発送が必要な場合は送料の記入、税額は現在の消費税を入力
  • 住所を収集する
    発送が必要なら住所を収集する必要があります。
  • ダウンロード URL
    データをダウンロードするタイプの商品であればURLを入力
  • 商品サムネイル画像
    サムネイル画像を表示させたい場合は、画像URLを入力 画像が不要な場合は、「Stripe ポップアップで商品サムネイル画像を表示しない」にチェックを入れる。
  • お買い上げありがとうございます ページの URL
    デフォルトから変更したい場合は、設定しましょう。
  • 外観
    デフォルトから変更したい場合のみ設定しましょう。
  • クーポンの設定
    クーポンを設定する場合、有効にします。
  • カスタムフィールド
    触るところはないです。
  • 高度な設定
    特別に何か設定したくない場合はそのままにしておきましょう。

 

商品情報と商品の設定が終われば公開しましょう。

ショートコードを記事に貼り付ければ、商品の販売準備完了です。

実際に作成した商品リンク

wordpress 商品ページ プラグイン

[asp_product id=”5362″]

カード情報などを入力すれば、実際に購入できちゃいます。

うまく真似してみてください。

商品リンクを編集する方法

wordpress 商品ページ プラグイン

商品リンクを編集するには、「リンク URL」を使いましょう。

この「リンク URL」を使うことで、画像やボタン、文字なども商品リンクにできます。

そうすることでより幅広い活用ができます。

商品リンクを文字リンクにする

wordpress 商品ページ プラグイン

商品リンクを文字リンクにするには、「link」を押します。

そしてリンク先URLに、「リンク URL」を入れれば作成できます。

 

\サンプル/

WordPress制作を依頼

 

商品リンクをボタンリンクにする

商品リンクをボタンリンクにするには、ボタンのリンク先URLを「リンク URL」にすればできます。

\サンプル/

ボタンに関しては、テーマによって作成方法が異なるので、確認してみてください。

商品リンクを画像リンクにする

wordpress 商品ページ プラグイン

商品リンクを画像リンクにするには、「Gallery Custom Links」というプラグイン使いましょう。

「Gallery Custom Links」を使えば、簡単に画像にリンクを設定することができます。

  

\画像にリンクを設定する/

 

支払いテスト

wordpress 商品ページ プラグイン

一般設定の本番確認モードのチェックを外します。

これでテストモードになるので、テスト用クレジットカードで支払いが実際にできるか確認してください。

 

テスト用クレジットカード
  • カード番号 ➡︎ 4242424242424242
  • カードブランド ➡︎ Visa
  • 有効期限 ➡︎ なんでもOK
  • セキュリティコード ➡︎ なんでもOK

 

支払いできることが確認できたら一般設定の本番確認モードにチェックを入れて保存します。

 

必ず本番確認モードに変更をしておいてください!

 

そうしておかないと誰も商品を購入できません。

これで商品の販売設定完了です。

まとめ

Stripe」を利用することで、固定費をかけずに商品を販売することができます。

決済手数料はかかりますが、顧客情報などは「Stripe」が管理してくれます。

 

情報漏洩のセキュリティー面を気にしなくていいというメリットがあります。

 

この記事の内容をうまく活用してアフィリエイトだけでなく、自分で商品を販売して稼ぎを最大化できるようにしましょう。

最後まで見ていただき、ありがとうございました。
 

ABOUT ME
りゅうのすけ
高校卒業後、地元香川で就職、一度転職を経て現在はブロガーとして活動してます。 投資をしたり、MLMに騙されそうになった経験をもとに、ブログを書いています。
サイトの作成依頼はコチラ