SlideShare uma empresa Scribd logo
1 de 42
Baixar para ler offline
WordPressプラグインで
Stripe Payment
株式会社ジーティーアイ さとう たけし
宮城県出身
バンドマンをやるために
コンビニやったりトラック乗ったり
とび職やったりしていたところから
30歳になるのを機にIT業界に転職
持ち前のキャラクターとハッタリを効かせて
なんとかここまでやってまいりました。
最近のトピックス
やっと2017年の年度末を終わらせることが出来ました。
前回のあらすじ
前回
WordPress用プラグイン
Stripe Payment を使って
 ツボ ・ 壺 ・ TSUBO 
 を定期購入していただきました。
https://gt1.xyz/stripe-demo-page/
TSUBO 買ってよ!
Stripe Payment とは
株式会社ジーティーアイ さとう たけし が
制作した WordPress 用プラグインです。
特徴は
ショートコード機能
( [ ] カギカッコを使ってパラメータを記述すると動作)
を使って記事内に決済を導入できる
そして・・・ オープンソース
Stripe Payment
GitHub にて公開中です。
Stripe Payment WordPress Plugin
https://github.com/taman777/stripe-payment
マニュアル書くのが滞りがち
https://gt1.xyz/
こんな感じにショートコードを書くと・・・
[stripe_payment
price=”1500000″
currency=”jpy” email=”” address=””
checkout_btn_text=”支払い”
checkout_label_text=”{{amount}}円/3ヶ月 の
お支払い”
subscription=”on” interval=”month”
interval_count=”3″ pay_id=”tsubo”
description=”壺のお買上げ”]
なんと、これだけで
3ヶ月ごとに・・・
150万GET!!
さて、本日の本題! 水晶売ります!
https://gt1.xyz/stripe-payment-demo-2/
水晶を売ろう!! クーポンで買いやすく!
水晶を売ろう!
さて、いきなり150万とか・・・
今回は言いません。
毎月10万円で売りたいです。(送りませんが)
でも買いやすくクーポンで割引期間つけようかな
・・・と考えました。
そこで定期購入のクーポンの発行
Stripe 管理画面のメニュー 
 → クーポン から
定期課金のクーポンが作れます。
 ◯ヶ月間  ◯%引き または ◯円引き
という指定ができるので柔軟に対応出来そう。
Stripe payment 20180416
クーポンを作る
必要事項を入力してクーポン発行!
今回テストで3種類作ってみました。
❖ 永久半額
❖ 3ヶ月だけ¥1,000引き
❖ 100%割引を3ヶ月
テキトーですね
クーポンコード作成後
クーポンコード と 条件 が見やすくてわかりやすい
Stripe Payment ショートコードで設定
ショートコードで定期課金および
クーポン利用を指定します。
クーポンコードは Stripe で設定したものが
使えるようになります。
こんなショートコードで実現できます!
[stripe_payment
price="100000"
checkout_btn_text="支払い"
address="on"
checkout_label_text="{{amount}}円/月 のお
支払い"
subscription="on" interval="month"
coupon="on" description="水晶玉定期便"]
※ショートコードは実際には改行なしで!
パラメータ説明 その1
address=”on”
住所入力させる
checkout_btn_text=”支払い”
ボタンのテキスト指定
checkout_label_text=”{{amount}}円/月 のお
支払い”
決済ボタンのテキスト指定
subscription=”on”
定期課金に設定
interval=”month”
間隔は「月」=毎月支払
coupon=”on”
クーポン機能 ON!
description=”水晶玉定期便”
決済ウィンドウの説明文
パラメータ説明 その2
輝きをあなたの手に!
クーポン入力欄
が表示されました。
記事の中に
「支払い」を追加
出来ました!
まいどありがとうございました!
決済完了です!
Stripe payment 20180416
フォームの中に設置してみよう!
決済を行うにあたり、必要な情報はもちろん
ほかにも送信してほしいデータがあります。
フォーム内に決済ボタン配置することで
フォームの内容まで保存してくれたら・・・いいよね。
それもできます!
・・・・
妄想通販
スキンケア
妄想通販
https://gt1.xyz/stripe-demo-page3/
手順と注意事項
1. ショートコードをWordPressの
記事に貼る
2. 子テーマ(推奨)の functions.php に処
理するためのHookを利用したコードを
追記する
3. 送信確認を十分なパターンで行う
それ Let’s Go!!
ソースはサンプルページにあります!!
Stripe payment 20180416
フォームのデータは Stripe に格納される
メールも送られるよ
注文
商品: ビの化粧品
Billing Name:
Shipping Name:
Email: info@gti.co.jp
Card Brand: Visa
Card No: ****-****-****-4242
Amount: 10000
ID: ch_1CHQAOFlXz0vpAivFI5muGgY
STATUS :succeeded
お名前: さとう た
性別: male
郵便番号: 810-0041
年齢: 40
職業: フードファイター
あれ!?
ここまで出来ちゃう
「Stripe + Stripe Payment」 なら
カート利用しなくて良い場面
がいくつか浮かんで来ましたね・・・
水晶を売るのを推奨しているわけでは
ありません。
自由に使ってください
大事なことなのでもういちど言います!
水晶を推奨
しているわけではありません
便利な機能
1画面内に複数決済ボタンを表示可能
例えば・・・
Evolve #3 -webクリエイターのための情報交換所
スペシャル-
https://important.fun/evolves/evolve-3/
複数の決済ボタンを設置例
Evolve #3 -webクリエイターのための情報交換所
スペシャル-
残席まだあります!
ぜひご参加ください!!
https://important.fun/evolves/evolve-3/
サンクスメッセージ表示位置指定
ショートコードで設置出来る
Strip Payment ですが
サンクスメッセージも指定位置に出せます。
記事内にテキストモードで
[stripe_payment_result]
と記述すればそこに表示されます。
Stripe で設定した プランを利用できる
Stripe 管理画面であらかじめ設定されている
プランがあればそれを利用できます。
plan_id=”(Stripeで設定したプランID)”
で指定可能
実は・・・存在しない plan_id を指定すると
新規でStripeへ登録します。(親切機能)
定期課金のトライアルも設定可能
トライアル期間(終了タイム)設定
trial_end = “(タイムスタンプ指定)”
または
トライアル期間日数 設定
trial_period_days = “(日数指定)” 例: 5なら5日後課金
どちらもできます!
他の記事を利用してサンクスメッセージ表示
記事を別途作ってサンクスメッセージ表示
テンプレート変換しますので
データを表示することもできます。
そして
まだまだ進化中・・・
Stripe に出来ることは
出来ちゃうようにしたい!
Stripe Payment 資料
Stripeユーザーグループ用デモ
https://gt1.xyz/stripe-demo-page/
Stripeユーザーグループ用デモ(水晶編)
https://gt1.xyz/stripe-payment-demo-2/
Stripeユーザーグループ用デモ(妄想通販)
https://gt1.xyz/stripe-demo-page3/
マニュアル
https://gt1.xyz/stripe-payment-manual/
ご清聴ありがとうございました

Mais conteúdo relacionado

Mais de 毅 佐藤

601worksランチ会ディスカッション
601worksランチ会ディスカッション601worksランチ会ディスカッション
601worksランチ会ディスカッション毅 佐藤
 
601worksランチ会 お見積もり座談会
601worksランチ会 お見積もり座談会601worksランチ会 お見積もり座談会
601worksランチ会 お見積もり座談会毅 佐藤
 
Cloud garage使って ECサイトの構築
Cloud garage使って ECサイトの構築Cloud garage使って ECサイトの構築
Cloud garage使って ECサイトの構築毅 佐藤
 
Welcart にStripe決済を追加するプラグイン作った! 〜 Stripe on welcart
Welcart にStripe決済を追加するプラグイン作った! 〜 Stripe on welcartWelcart にStripe決済を追加するプラグイン作った! 〜 Stripe on welcart
Welcart にStripe決済を追加するプラグイン作った! 〜 Stripe on welcart毅 佐藤
 
休みたいときに休める Time goes by プラグイン | WordBench倉敷
休みたいときに休める Time goes by プラグイン | WordBench倉敷休みたいときに休める Time goes by プラグイン | WordBench倉敷
休みたいときに休める Time goes by プラグイン | WordBench倉敷毅 佐藤
 
効果的なブログの書き方 ~仕事につながるブログ術、3つのポイント~
効果的なブログの書き方 ~仕事につながるブログ術、3つのポイント~効果的なブログの書き方 ~仕事につながるブログ術、3つのポイント~
効果的なブログの書き方 ~仕事につながるブログ術、3つのポイント~毅 佐藤
 
コメントスパム対策から始まったWordPress生活
コメントスパム対策から始まったWordPress生活コメントスパム対策から始まったWordPress生活
コメントスパム対策から始まったWordPress生活毅 佐藤
 

Mais de 毅 佐藤 (7)

601worksランチ会ディスカッション
601worksランチ会ディスカッション601worksランチ会ディスカッション
601worksランチ会ディスカッション
 
601worksランチ会 お見積もり座談会
601worksランチ会 お見積もり座談会601worksランチ会 お見積もり座談会
601worksランチ会 お見積もり座談会
 
Cloud garage使って ECサイトの構築
Cloud garage使って ECサイトの構築Cloud garage使って ECサイトの構築
Cloud garage使って ECサイトの構築
 
Welcart にStripe決済を追加するプラグイン作った! 〜 Stripe on welcart
Welcart にStripe決済を追加するプラグイン作った! 〜 Stripe on welcartWelcart にStripe決済を追加するプラグイン作った! 〜 Stripe on welcart
Welcart にStripe決済を追加するプラグイン作った! 〜 Stripe on welcart
 
休みたいときに休める Time goes by プラグイン | WordBench倉敷
休みたいときに休める Time goes by プラグイン | WordBench倉敷休みたいときに休める Time goes by プラグイン | WordBench倉敷
休みたいときに休める Time goes by プラグイン | WordBench倉敷
 
効果的なブログの書き方 ~仕事につながるブログ術、3つのポイント~
効果的なブログの書き方 ~仕事につながるブログ術、3つのポイント~効果的なブログの書き方 ~仕事につながるブログ術、3つのポイント~
効果的なブログの書き方 ~仕事につながるブログ術、3つのポイント~
 
コメントスパム対策から始まったWordPress生活
コメントスパム対策から始まったWordPress生活コメントスパム対策から始まったWordPress生活
コメントスパム対策から始まったWordPress生活
 

Stripe payment 20180416