<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>stripe payments | nujonoa_blog</title>
	<atom:link href="https://nujonoa.com/tag/stripe-payments/feed/" rel="self" type="application/rss+xml" />
	<link>https://nujonoa.com</link>
	<description>人生に役立つデータ集</description>
	<lastBuildDate>Mon, 13 Jul 2020 15:52:59 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>

<image>
	<url>https://nujonoa.com/wp-content/uploads/2019/04/cropped-DSC00976-e1554456145409-32x32.jpg</url>
	<title>stripe payments | nujonoa_blog</title>
	<link>https://nujonoa.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>30分でワードプレスにクレジットカード決済を導入！情報商材をstripeで売る方法！</title>
		<link>https://nujonoa.com/how-to-introduce-credit-card-payment-with-wordpress/</link>
					<comments>https://nujonoa.com/how-to-introduce-credit-card-payment-with-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[nujonoa]]></dc:creator>
		<pubDate>Mon, 13 Jul 2020 15:52:50 +0000</pubDate>
				<category><![CDATA[ブログ関係]]></category>
		<category><![CDATA[stripe]]></category>
		<category><![CDATA[クレジットカード決済]]></category>
		<category><![CDATA[ワードプレス]]></category>
		<category><![CDATA[stripe payments]]></category>
		<guid isPermaLink="false">http://nujonoa.com/?p=6191</guid>

					<description><![CDATA[目次 30分でワードプレスにクレジットカード決済を導入！情報商材をstripeで売る方法！さくっと動作を確認導入サンプル導入手順stripeとはstripeの導入ワードプレスでStripe Paymentsを導入Stri [&#8230;]]]></description>
										<content:encoded><![CDATA[

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">30分でワードプレスにクレジットカード決済を導入！情報商材をstripeで売る方法！</a></li><li><a href="#toc2" tabindex="0">さくっと動作を確認</a><ol><li><a href="#toc3" tabindex="0">導入サンプル</a></li></ol></li><li><a href="#toc4" tabindex="0">導入手順</a><ol><li><a href="#toc5" tabindex="0">stripeとは</a></li><li><a href="#toc6" tabindex="0">stripeの導入</a></li><li><a href="#toc7" tabindex="0">ワードプレスでStripe Paymentsを導入</a></li><li><a href="#toc8" tabindex="0">Stripe Paymentsの設定</a></li><li><a href="#toc9" tabindex="0">商品の追加</a></li><li><a href="#toc10" tabindex="0">記事に投稿する</a></li></ol></li><li><a href="#toc11" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">30分でワードプレスにクレジットカード決済を導入！情報商材をstripeで売る方法！</span></h2>



<p>ブログを始めてある程度たつと、</p>



<div class="wp-block-cocoon-blocks-icon-box information-box common-icon-box block-box">
<p>・アフィリエイトだけでなく、自分で調べた情報を売ることができないかな？<br>・こんなに調べて、独自の情報を作ったんだから、100円でもいいから売ることができないかな？<br>・情報商材であれば、ファイルを送付するだけだから簡単にできないだろうか？</p>
</div>



<p>と思うことがあるかと思います。</p>



<p>そこで今回は、そんな人に向けて、</p>



<p>・3ワードプレスでクレジットカード決済を導入し、情報商材を売る方法</p>



<p>を説明していきたいと思います！</p>



<p>約30分で設定完了しますので、とりあえず設定してみてください！</p>



<h2 class="wp-block-heading"><span id="toc2">さくっと動作を確認</span></h2>



<p>導入の前に、まずはモチベーションを上げるために、<br>stripeを用いて、ワードプレスでクレジットカード決済が導入できると、<br>どのような動作が行えるようになるのか確認していきたいと思います。</p>



<p>え？こんなプロっぽいことができるようになるの？と、<br>少々驚くことかと思います。</p>



<h3 class="wp-block-heading"><span id="toc3">導入サンプル</span></h3>



<p>動作確認用の、サンプルを作りましたので実際に挙動を確認していきましょう！</p>



<p>①下の「購入はこちらから」を押してみてください。<br><span class="marker-animation"><span class="fz-20px">※実際に購入しないでください。返金できません。</span></span></p>


<div class="stripe_payments_error_msg" style="color: red;">ID 6218 の商品が見つかりません</div>


<p>②すると、ポップアップが表示され、<br>クレジットカードの入力画面が出ます。</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="566" height="333" src="https://nujonoa.com/wp-content/uploads/2020/07/image-8.png" alt="" class="wp-image-6266" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-8.png 566w, https://nujonoa.com/wp-content/uploads/2020/07/image-8-500x294.png 500w, https://nujonoa.com/wp-content/uploads/2020/07/image-8-300x177.png 300w" sizes="(max-width: 566px) 100vw, 566px" /></figure>



<p>③グーグルペイなどにも対応していますので、クレジットカードの情報を打ち込んだことがある場合は、自動入力されると思います。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="450" height="185" src="https://nujonoa.com/wp-content/uploads/2020/07/image-11.png" alt="" class="wp-image-6269" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-11.png 450w, https://nujonoa.com/wp-content/uploads/2020/07/image-11-300x123.png 300w" sizes="(max-width: 450px) 100vw, 450px" /></figure>



<p>④名前、メールアドレスなど、必要な情報を入力し、¥100円を支払うを押すと、決済完了です。<strong><span class="marker-animation">※何度も言いますが</span><span class="marker-animation">、</span><span class="marker-animation">実際には押さないでください。</span></strong></p>



<figure class="wp-block-image size-large"><img decoding="async" width="561" height="326" src="https://nujonoa.com/wp-content/uploads/2020/07/image-12.png" alt="" class="wp-image-6270" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-12.png 561w, https://nujonoa.com/wp-content/uploads/2020/07/image-12-500x291.png 500w, https://nujonoa.com/wp-content/uploads/2020/07/image-12-300x174.png 300w" sizes="(max-width: 561px) 100vw, 561px" /></figure>



<p>⑤これだけで購入完了です。</p>



<p>⑥実際には決済が完了すると、画面が移動して、ダウンロードのページが開かれます。<br>ここで、販売したいファイルを指定しておくと、<br>「ここをクリック」を押すことで購入者にダウンロードしてもらうことができます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="574" height="379" src="https://nujonoa.com/wp-content/uploads/2020/07/image-13.png" alt="" class="wp-image-6273" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-13.png 574w, https://nujonoa.com/wp-content/uploads/2020/07/image-13-500x330.png 500w, https://nujonoa.com/wp-content/uploads/2020/07/image-13-300x198.png 300w" sizes="(max-width: 574px) 100vw, 574px" /></figure>



<p>こんなかっこいい決済システムを簡単に導入することができるのが、<br>今回ご紹介する手順となります。</p>



<h2 class="wp-block-heading"><span id="toc4">導入手順</span></h2>



<p>導入手順は、</p>



<p>①stripeに登録　15分<br>②プラグイン「stripe payment」をインストール 2分<br>③「stripe payment」の設定 5分<br>④商品の登録、記事への投稿　5分</p>



<p>となっており、約30分で完了します。</p>



<p>それでは一つずつ説明していきたいと思います。</p>



<h3 class="wp-block-heading"><span id="toc5">stripeとは</span></h3>



<p>まずは、stripeの導入です。<br>クレジットカード決済を導入するには、有名どころで、paypalというシステムがありますが、今回はstripeという決済システムを使用します。</p>



<p>様々なサイトで、両者の比較はされていますが、<br>stripeのメリットは先ほど動作を確認してもらった通り、<br>「ポップアップで決済が完了する」ところになります。</p>



<p>paypalなどの場合、違う画面に遷移して、決済することになるので、めんどくささ、うさん臭さが生じますが、stripeの場合そのようなことはありません。</p>



<p>また、初期費用・更新費用なし、手数料が売り上げから3.6％とられるだけなので、導入するハードルは非常に低いと思います。</p>



<h3 class="wp-block-heading"><span id="toc6">stripeの導入</span></h3>



<p>stirpeを導入するため必要なのは、<br>メールアドレス、銀行口座、ブログURLのみです。</p>



<p>導入手順としては、ブログが開設できた人であれば、そこまで問題にならないと思います。</p>



<p>説明に沿って、「本番環境の利用申請」までおこなってください。</p>





<a rel="noopener" target="_blank" href="https://stripe.com/ja-us" title="Stripe | 収益向上のための金融インフラ" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-right cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://images.stripeassets.com/fzn2n1nzq965/XtX984S1GJVsVOXFC7kMu/01988281e867728dfb09aa7793a6e3b9/Stripe.jpg?q=80" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Stripe | 収益向上のための金融インフラ</div><div class="blogcard-snippet external-blogcard-snippet">Stripe は、あらゆる規模や業種のビジネスにおける決済の受け入れ、柔軟な請求モデルの構築、および資金移動の管理を支援する、金融サービスプラットフォームです。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://stripe.com/jp/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">stripe.com</div></div></div></div></a>




<p>設定が完了すると、テストAPIキーが発行されます。<br>ここまで設定を完了してください。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="900" height="99" src="https://nujonoa.com/wp-content/uploads/2020/07/image-14-900x99.png" alt="" class="wp-image-6298" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-14-900x99.png 900w, https://nujonoa.com/wp-content/uploads/2020/07/image-14-500x55.png 500w, https://nujonoa.com/wp-content/uploads/2020/07/image-14-300x33.png 300w, https://nujonoa.com/wp-content/uploads/2020/07/image-14-768x84.png 768w, https://nujonoa.com/wp-content/uploads/2020/07/image-14.png 1092w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<h3 class="wp-block-heading"><span id="toc7">ワードプレスでStripe Paymentsを導入</span></h3>



<p>STRIPEを簡単に使えるようにするために、<br>ワードプレスのプラグイン【stripe payment】をインストールします。</p>



<p>プラグインの検索で【stripe payment】を検索、インストールしてください。</p>



<p>すると、<br>ダッシュボードのサイドバーにStripe Paymentsが追加されます。</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="129" height="167" src="https://nujonoa.com/wp-content/uploads/2020/07/image-15.png" alt="" class="wp-image-6299"/></figure></div>



<p>ここから、各種設定をしていきます。</p>



<h3 class="wp-block-heading"><span id="toc8">Stripe Paymentsの設定</span></h3>



<p>まずは設定からです。</p>



<p>①通貨を日本円にします。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="470" height="86" src="https://nujonoa.com/wp-content/uploads/2020/07/image-17.png" alt="" class="wp-image-6301" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-17.png 470w, https://nujonoa.com/wp-content/uploads/2020/07/image-17-300x55.png 300w" sizes="(max-width: 470px) 100vw, 470px" /></figure>



<p>②ポップアップウインドのデフォルトの国を「japan」にします。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="678" height="87" src="https://nujonoa.com/wp-content/uploads/2020/07/image-16.png" alt="" class="wp-image-6300" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-16.png 678w, https://nujonoa.com/wp-content/uploads/2020/07/image-16-500x64.png 500w, https://nujonoa.com/wp-content/uploads/2020/07/image-16-300x38.png 300w" sizes="(max-width: 678px) 100vw, 678px" /></figure>



<p>③apiキーを設定する。<br>　※本番環境モードのチェックはoffにしておきましょう。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="900" height="260" src="https://nujonoa.com/wp-content/uploads/2020/07/image-18-900x260.png" alt="" class="wp-image-6304" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-18-900x260.png 900w, https://nujonoa.com/wp-content/uploads/2020/07/image-18-500x144.png 500w, https://nujonoa.com/wp-content/uploads/2020/07/image-18-300x87.png 300w, https://nujonoa.com/wp-content/uploads/2020/07/image-18-768x221.png 768w, https://nujonoa.com/wp-content/uploads/2020/07/image-18.png 912w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p>これで全体の設定は完了です。</p>



<h3 class="wp-block-heading"><span id="toc9">商品の追加</span></h3>



<p>次は商品の追加です。</p>



<p>「Add New Product」から商品を追加します。</p>



<p>①いつも記事を書くのと同様に、<br>タイトル、説明を入力してください。</p>



<p>②価格と通貨を設定します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="752" height="202" src="https://nujonoa.com/wp-content/uploads/2020/07/image-19.png" alt="" class="wp-image-6306" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-19.png 752w, https://nujonoa.com/wp-content/uploads/2020/07/image-19-500x134.png 500w, https://nujonoa.com/wp-content/uploads/2020/07/image-19-300x81.png 300w" sizes="(max-width: 752px) 100vw, 752px" /></figure>



<p>③物品などを販売するために、住所が必要であれば、チェックを入れる。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="649" height="122" src="https://nujonoa.com/wp-content/uploads/2020/07/image-20.png" alt="" class="wp-image-6307" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-20.png 649w, https://nujonoa.com/wp-content/uploads/2020/07/image-20-500x94.png 500w, https://nujonoa.com/wp-content/uploads/2020/07/image-20-300x56.png 300w" sizes="(max-width: 649px) 100vw, 649px" /></figure>



<p>④商品をワードプレスに、アップロードする。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="849" height="240" src="https://nujonoa.com/wp-content/uploads/2020/07/image-21.png" alt="" class="wp-image-6308" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-21.png 849w, https://nujonoa.com/wp-content/uploads/2020/07/image-21-500x141.png 500w, https://nujonoa.com/wp-content/uploads/2020/07/image-21-300x85.png 300w, https://nujonoa.com/wp-content/uploads/2020/07/image-21-768x217.png 768w" sizes="(max-width: 849px) 100vw, 849px" /></figure>



<p>⑤右上のボタンを押し、公開する。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="226" height="198" src="https://nujonoa.com/wp-content/uploads/2020/07/image-22.png" alt="" class="wp-image-6309"/></figure>



<p>これで完了です。<br>公開すると商品販売用のページが作成されます。</p>



<h3 class="wp-block-heading"><span id="toc10">記事に投稿する</span></h3>



<p>最後に、記事に投稿して終わりです。</p>



<p>①記事の投稿画面の一般ブロックに、「stripe payments product」が追加されていますので、それを選択。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="279" height="276" src="https://nujonoa.com/wp-content/uploads/2020/07/image-24.png" alt="" class="wp-image-6315" srcset="https://nujonoa.com/wp-content/uploads/2020/07/image-24.png 279w, https://nujonoa.com/wp-content/uploads/2020/07/image-24-100x100.png 100w" sizes="(max-width: 279px) 100vw, 279px" /></figure>



<p>②サイドバーで、商品を選ぶと、挿入されます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="225" height="243" src="https://nujonoa.com/wp-content/uploads/2020/07/image-25.png" alt="" class="wp-image-6316"/></figure>



<p>これで完了です。</p>



<h2 class="wp-block-heading"><span id="toc11">まとめ</span></h2>



<p>クレジットカード決済の導入がこんなにも簡単だとは思っていませんでしたが、<br>やってみると意外にも簡単。しかも、かなり使い勝手のいいものになっています。</p>



<p>ぜひ、一度試して、人のためになる情報を販売してみましょう！！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nujonoa.com/how-to-introduce-credit-card-payment-with-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
