WordPressのサイトにPayPalのカート決済システムを導入した話

Transcript

1. WordPressのサイトに PayPalのカート決済システムを導入した話 How to introduce Shopping carts using PayPal to WordPress site Marie Tomoishi 友石 まりえ [Hirakata] Kansai WordPress Meetup #2
2. 自己紹介 Marie Tomoishi 友石 まりえ mariweb / FREELANCE WEB DESIGNER -About- @marieeeep mariweb 代表 フリーランスWEB デザイナー WEB 制作 EC サイト制作（主にモール系の構築） まれに動画制作
3. お仕事 WEB サイト制作 Website creation -Works- 京都の町家レンタルスペース ストリングチーズLP 制作 サイト企画・デザイン・コーディング・WordPress 構築・Movable Type 構築など
4. お仕事 モール系EC サイト構築 E-commerce site creation -Works- Yahoo! ストアリニューアル 楽天ストア構築 楽天・Yahoo! ストアのデザイン～構築、運営のお手伝い
5. お仕事 動画制作 Video production -Works- レシピ動画の作成
6. ネットで何か売りたいときどうしますか？ How do you sell things on the Internet?
7. ネットで何か売りたいときどうしますか？ How do you sell things on the Internet? 楽天やYahoo! で出品！ ASP サービス！ （BASE など） WooCommece! メルカリ … ？ There are various choices
8. WordPress + PayPal plug-in This is also a solution:
9. 本日のお話 -Outline- WordPress のサイトにPaypal 決済を導入してみた体験談と この経験から分かったこと 1 Experiences about introducing Paypal payment to WordPress site and what I learned from this experience. その他の決済系プラグインの紹介 2 Introduction of other payment plug-ins
10. ターゲット -Target- お客さんからサイトでモノ売りたいって言われたけど 予算あんまりでないっていう状況になりそうな人 とりあえず自分でなんか売ってみたい人 People told from the customer that “I want to sell things on the website but there is no budget” People who want to sell something easily がっつり在庫管理とか、顧客管理とかしてモノ売りたい人 People who wants firm inventory management and customer management エンジニアさんには物足りないかも Engineers may feel unsatisfactory…
11. WordPressのサイトにPaypal決済を導入してみた 体験談とこの経験から分かったこと Experiences about introducing Paypal payment to WordPress site and what I learned from this experience.
12. プラグイン導入のきっかけ -Why was a plug-in required- コーポレートサイトリニューアル途中の打ち合わせにて 商品紹介のページから直接商品買えるようにしたいなー では今お持ちの楽天の方にリンク貼りましょうか？ 楽天はやめたいので、なんかPayPal のボタンとかつけられへん？ （プラグインあったよな… ）やってみます！！！！
13. プラグイン導入のきっかけ -Why was a plug-in required- 結構安易に考えていたら後々苦労した I thought it easily, and I had to suffer from it.
14. プラグイン導入のきっかけ -Why was a plug-in required- 各プラグインの特性が分かっていれば そこまで苦労しなかったはず！ If I knew the characteristics of each plugin I would have never had any trouble!
15. 完成イメージ -Rendering image- Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text PayPal Button Amount ¥30,000 Spec ・・・ Spec ・・・ Spec ・・・ Product Name Image
16. WP Easy Paypal Payment Accept カート機能はなく、購入ボタンをクリック 後、そのまま支払い画面へ進みたい場合に 便利なプラグイン。 Although there is no cart function, it is a convenient plug-in when you want to proceed directly to the payment screen after clicking the purchase button. 最初に検討した方法 -Rejected ways #1-
17. WP Easy Paypal Payment Accept [ 設定] - [WP Paypal Payment] から金額など設定しておくと、 ・ショートコード ・ウィジェット ・テンプレートファイルに記載 などの方法で呼び出して PayPal 購入ボタンを設置できる ショートコード中に金額や Payment Subject を含めることも可能 最初に検討した方法 -Rejected ways #1-
18. 最初に検討した方法 -Rejected ways #1- WP Easy Paypal Payment Accept Japanese Yen… ？？？ 日本円が選べない… ？？？
19. 2番目に検討した方法 -Rejected ways #2- PayPal Web Payment Standard WordPress のプラグインではなく、PayPal が用意しているかんたん決済ボタン(HTML) という機能 It is not a WordPress plugin. It is the simple settlement button (HTML) provided by PayPal.
20. PayPal Web Payment Standard PayPal ビジネスアカウントを取得 後、アカウントページから商品名や 価格などを入力し、簡単決済ボタン を作成可能。 あとは生成されたHTML コードを 貼り付けるだけで簡単。 However… 2番目に検討した方法 -Rejected ways #2-
21. PayPal Web Payment Standard アイテムを登録する際に毎回PayPal へのログインが必要。さらに登録は1 点ずつ。 You need to log in to PayPal every time you register items. You can only register one item at a time 合わなかった点: WordPress の投稿画面だけで設定を完結させたい！！！ I wish I could complete the setup with WordPress posting screen only. 2番目に検討した方法 -Rejected ways #2-
22. Stripe 3番目に検討した方法 -Rejected ways #3- PayPal のライバル( ？) のオンライン決済シ ステム。手数料もあまりかわらない。 PayPal’s rival online payment system. The commission is about the same
23. Stripe 3番目に検討した方法 -Rejected ways #3- Stripe にログイン後、Checkout のページにいくと、勝手にHTML コードを表示してくれてい るので、テンプレートファイルや投稿画面で貼る。その他諸々設定が必要。 After logging in to Stripe, if you go to the Checkout page, it displays the HTML code, so you can paste it on the template file or posting screen.
24. Stripe 3番目に検討した方法 -Rejected ways #3- HTML 中で金額や商品名などを指定できる為、カスタムフィールドの値を引っ張ってこれる！ Since you can specify the price and product name at HTML, you can pull the value of the custom field!
25. Stripe 3番目に検討した方法 -Rejected ways #3- Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text BUY NOW Amount ¥30,000 Spec ・・・ Spec ・・・ Spec ・・・ Product Name Image
26. BUY NOW Stripe 3番目に検討した方法 -Rejected ways #3- Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Amount ¥30,000 Spec ・・・ Spec ・・・ Spec ・・・ Product Name Image
27. Stripe 3番目に検討した方法 -Rejected ways #3- これでいけたと思っていた I thought that I could have done with this…
28. Stripe 3番目に検討した方法 -Rejected ways #3- 購入数量が選べない。 Purchase quantity can not be chosen. 合わなかった点: JavaScript とかで色々やってみたけど、うまくいかない。多分方法はあると思うけど、これ 以上時間もないので断念。 I tried various things like JavaScript, but it does not work. I think there are probably methods, but I give up as there is no more time.
29. WordPress Simple Paypal Shopping Cart 採用した方法 -Accepted way- 簡単な設定作業でショッピングカートの機 能がつけらるプラグイン。 複数の商品をまとめて決済できる。 Plug-in that can introduce shopping cart functions with simple settings. You can purchase multiple items at once.
30. 採用した方法 -Accepted way- 設定画面でベース送料や、◦円以上 で送料無料などの設定が可能。 さらにショートコードで個別に商品 名や価格、送料の指定が可能。 WordPress Simple Paypal Shopping Cart You can set base shipping cost, free shipping for order over etc. on the setting screen. it is also possible to individually specify the product name, price, shipping fee by short code.
31. 採用した方法 -Accepted way- ただし送料の設定がややこしいので注意が必要 Shipping Cost = Base Shipping Cost + Individual Shipping Cost × Quantity WordPress Simple Paypal Shopping Cart Please be careful as the postage setting is confusing. 送料 ＝ ベース送料 + 個別送料 × 数量 複数個買うとどんどん送料が高くなる！！ When you buy more than one, shipping costs will increase steadily! !
32. 採用した方法 -Accepted way- WordPress Simple Paypal Shopping Cart 例）送料は何個買っても一律800 円 800 円 + 0.000001 円 × 100 個 = 800 円！ Shipping Cost = Base Shipping Cost + Individual Shipping Cost × Quantity 送料 ＝ ベース送料 + 個別送料 × 数量
33. Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text カートに入れる Amount ¥30,000 Spec ・・・ Spec ・・・ Spec ・・・ Product Name Image 採用した方法 -Accepted way-
34. Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text カートに入れる Amount ¥30,000 Spec ・・・ Spec ・・・ Spec ・・・ Product Name Image 採用した方法 -Accepted way- Name
35. この経験からわかったこと -What I learned from this experience- プラグインの特性が分かれば割と簡単に決済システムを導入できる If you know the characteristics of the plug-in you can easily install a payment system. モノを実際に送る系じゃなければさらに簡単 Even simpler if you do not actually send things. 送料とか複雑な設定をしようと思うとちょっとしんどい It takes a bit of trouble if you try to make complicated settings like shipping costs. アイテム数多いとカート系じゃないとちょっとしんどい When there are many items, it is a little troublesome if it is not a cart type.
36. その他の決済系プラグインの紹介 Introduction of other payment plug-ins
37. データダウンロード系 -Data download type- Easy Digital Downloads 購入者に直接商品をダウンロードしてもらえるプ ラグイン。 写真や音楽、電子書籍などさまざまなデジタルデ ータを扱えます。 Plug-in that allows purchasers to download products directly. We can handle various digital data such as photographs, music, electronic books.
38. Stripeのプラグイン Stripe plug-in- Stripe Payments 先ほど紹介したStripe の購入ボタンをショートコー ドを使って設置できるプラグイン Plug-in which can install the purchase button of Stripe using short code.
39. PayPal系プラグイン -Paypal plug-in- 投げ銭プラグイン 後ほど福井さんからご紹介があると思います！
40. まとめ -Summary- WordPress + PayPal などの決済プラグインはネットで何か売りたいときの 選択肢の一つです。 ただし商材によっては適さない場合もあります。適切な方法を選んで、お店 を作ってみてください！ WordPress + payment plug-in such as PayPal is one of the options when you want to sell something on the internet. However, it may not be suitable depending on the product. Please choose the appropriate method and try making a shop!
41. Thank you!