WordPressとWooCommerce+Stripeで作る、グッズ・記事販売ができるECサイトの話 / jp-stripes-connect-2019-0321-abe

WordPressとWooCommerce+Stripeで作る、グッズ・記事販売ができるECサイトの話 / jp-stripes-connect-2019-0321-abe

秋田県の村境や道端に祀られている、村を守る不思議な神様“人形道祖神”を追いかけているプロジェクト「ANP(秋田人形道祖神プロジェクト)」のECサイトをWordPressとWooCommerce+Stripeで制作しました。

人形道祖神をもとにイラストを作成し、そのイラストを使った書籍やグッズの販売、取材記事、イラスト制作過程の記事販売をStripeを使って実装。

リアルなグッズ商品の販売と、書籍を深掘りする記事であるデジタルコンテンツ販売が共存するECサイトを紹介します。

B89f71d2ede9073a0b424acae9ed6959?s=128

Fumito Abe / necco

March 21, 2019
Tweet

Transcript

  1. Fumito Abe - 2019.03.21 - at Osaka JP_Stripes Connect 19

    άοζ ɾهࣄൢച͕Ͱ͖Δ ECαΠτͷ࿩ WordPressͱWooCommerce+StripeͰ࡞Δ inɹ Osaka
  2. ˌJPSC2019 Today’s Hashtag

  3. 1.ࣗݾ঺հ About me About Company Dosojin EC site Total Contents

    ࠓ೔ͷ಺༰ 2. ձࣾ঺հʢͪΐͬͱ௕͍ʣ 3. ळాਓܗಓ૆ਆECαΠτ  3 - 1ಓ૆ਆͬͯԿ ͳΜͰಠࣗ&$ʁ  3 - 2ECαΠτߏ੒  3 - 3StripeͰ࡞Δهࣄൢച  3-4 ·ͱΊ 25min
  4. ࣗݾ঺հ About me 1

  5. ΫϦΤΠςΟϒσΟϨΫλʔΤϯδχΞ Ѩ෦จਓ ळాݝळాࢢࡏॅ౦ژ౎ੜ·Ε 2016೥10݄ʹגࣜձࣾneccoΛ૑ۀɻ 3ظ໨ɺࣾһ5໊ɺೣ2ඖͱੜ׆ɻ ओʹϒϥϯυσβΠϯ੍࡞શମͷσΟϨΫγϣϯ͔Βઓུɺ 69ɾ৘ใઃܭɺσβΠϯɺϑϩϯτΤϯυ࣮૷Λ୲౰ɻ גࣜձࣾnecco About me

    ࣗݾ঺հ !BCFGVNJUP ɾ8PSE$BNQͷొஃճ ɾ+"846(5PIPLVॴଐ ɾ+1@4USJQFT"LJUBӡӦ ճ໨ͦΖͦΖ  ɾ"MFYB%BZσβΠϯ୲౰ ୅දऔక໾
  6. ԿΛͭ͘Γ·͔͢ʁ ͔Β ׬੒෺ͷ੍࡞ ɾ ӡ༻վળ·Ͱ Կͦͷ৬छʁ

  7. ձࣾ঺հ About Company 2-1

  8. None
  9. None
  10. About Company ձࣾ঺հ Brandingʢϒϥϯυͮ͘Γʣ ͷ͓ख఻͍Λى఺ʹ σβΠϯɹͱɹ΢ΣϒαΠτɹΛ ͍ͭͬͯ͘·͢

  11. What is Branding ϒϥϯσΟϯάͬͯԿʁ ݟͤํΛ ίϯτϩʔϧ͢Δ͜ͱ

  12. About Company ձࣾ঺հ ϒϥϯσΟϯά σβΠϯ ! ύοέʔδ " web Πϥετ

    ΞϓϦ ൢଅ෺ ϩΰ ΤσΟτϦΞϧ # $ % & ' (
  13. neccoͷσβΠϯ About Company 2-2

  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. ϥϯνΛࣗ෼ͨͪͰ ౰൪੍Ͱ࡞ͬͯ·͢!

  31. None
  32. None
  33. None
  34. ࡳຈͷϤΨͷઌੜ͔Β ΦϯϥΠϯϤΨΛडߨ

  35. None
  36. None
  37. necco͸ม ૉఢͳձࣾ ʂ

  38. ˌJPSC2019 Today’s Hashtag

  39. ຊ୊

  40. 1.ࣗݾ঺հ About me About Company Dosojin EC site Total Contents

    ࠓ೔ͷ಺༰ 2. ձࣾ঺հʢͪΐͬͱ௕͍ʣ 3.ळాਓܗಓ૆ਆ&$αΠτ  3 - 1ಓ૆ਆͬͯԿ   3 - 2&$αΠτߏ੒  3 - 3StripeͰ࡞Δهࣄൢച  3-4 ·ͱΊ 25min
  41. ਓܗಓ૆ਆͬͯͳʹʁ Dosojin 3-1

  42. ʹΜ͗ΐ͏ Ͳ͏ͦ͡Μ ਓܗಓ૆ਆ

  43. ਓܗಓ૆ਆΛ ஌ͬͯΔਓ"

  44. ਓܗಓ૆ਆͬͯԿʁ

  45. ӸපͳͲͷࡂ͍͕ೖͬͯ͜ͳ͍Α͏ʹ ଜڥ΍ಓ୺ʹ᛾ΒΕ͍ͯΔ ଜΛकΔෆࢥٞͳਆ༷ ͦΕ͕ਓܗಓ૆ਆͰ͢ɻ

  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. ೋਓͷऔࡐମݧͱ ࢙࣮ΛจষԽ

  53. None
  54. ମݧͱਓܗಓ૆ਆΛ ΠϥετԽ

  55. None
  56. ςʔϚ͕ͼͬ͘Γ͢Δ͘Β͍χον ೋਓͱ࿩ͯ͠ײͨ͜͡ͱ ೋਓͷ೤ྔ͕ߴ͍ ಠࣗऔࡐͰ̍࣍৘ใΛूΊͯମݧͯ͠Δ ࢙࣮ͱͯ͠Ձ஋͕͋Δ ಓ૆ਆͱΧϥϑϧͳΠϥετͷ૊Έ߹Θͤ 1 2 3 4

    5
  57. ຊग़͠·͢ ΠϥετϨʔλʔ͞Μ

  58. ൃചલʹπΠʔτ ͍͖ͯ͠·͠ΐ͏ɻ Θͨ͠

  59. SNS΍Γͨ͘ͳ͍# ΠϥετϨʔλʔ͞Μ

  60. Πϥετ΋ྑ͍ɺ χον͗ͯ͢୭͔ʹ ਂ͘͞͞Δͱࢥ͏ Θͨ͠

  61. ൃചલʹπΠʔτ ͍͖ͯ͠·͠ΐ͏ɻ Θͨ͠

  62. ΞυόΠεʹରͯ͠ ૉ௚ʹཌ೔࣮ߦ ΠϥετϨʔλʔ͞Μ

  63. None
  64. None
  65. None
  66. όζͬͨ

  67. ॻ੶Խ

  68. None
  69. ਓܗಓ૆ਆ ͍͚Δ

  70. None
  71. άοζԽ

  72. None
  73. None
  74. None
  75. None
  76. 5γϟπ΍ॻ੶ͷΠϝʔδࣸਅΛࡱӨ ݟͤํΛίϯτϩʔϧ 5γϟπͷσβΠϯ੍࡞ ൃ৴ͷࡍͷΞυόΠε τʔΫγϣʔͰͷΞυόΠε ଞσβΠϯɺϚʔέςΟϯάͳͲΞυόΠε 1 2 3 4

    5
  77. ϏδϡΞϧ จষԽ ঎඼ औࡐྗ

  78. શ͕ͯ ଗ͖ͬͯͨ

  79. τʔΫγϣʔͰ΋൓Ԡ͕͍͍ ͜Ε͸ECͰ΋͍͚Δʁ ਓܗಓ૆ਆ͸ߴྸͷํ΋ڵຯ͋Γ Πϥετ͸ए͍ํ͔Βߴྸͷํʹ΋ڹ͍ͯΔ ୅׭ࢁͷ௱԰ॻళʹ΋ฏஔ͖ʹ 3೥͔͔ΔͱࢥΘΕͨ1000෦͕൒೥Ͱ׬ചঢ়ଶ 1 2 3 4

    5
  80. ECαΠτ ͭ͘Γ·͠ΐ͏ɻ

  81. ಠࣗੑ͕ߴ͍ɻ͜͜Ͱ͔͠ങ͑ͳ͍͕Ͱ͖Δ ͳͥಠࣗEC औࡐɾݱ஍Ͱͷମݧ͸ೋਓ͚͔ͩ͠ॻ͚ͳ͍ ΠϥετΛ෢ثʹSNSͰൃ৴ ຊɺάοζɺऔࡐهࣄ΋ൢചͰ͖Δ ଞECαʔϏεΑΓ͸αΠτʹ֦ு͕ඞཁͦ͏ 1 2 3 4

    5
  82. ECαΠ τߏ੒ EC System 3-2

  83. άοζൢച WordPress WooCommerce Stripe 

  84. هࣄൢച Stripe Checkout 

  85. ɾهࣄ؅ཧ ɾ౤ߘϢʔβ؅ཧ ɾ঎඼ొ࿥ ɾडൃ஫؅ཧ ɾܾࡁ؅ཧ ɾΫοζܾࡁ ɾهࣄܾࡁ Checkout EC Plugin

    CMS άοζൢച هࣄൢച Stripe Checkout StripeʢWPϓϥάΠϯʣ γεςϜߏ੒
  86. None
  87. StripeͰͭ͘Δهࣄൢച Sell the Article 3-3

  88. None
  89. None
  90. None
  91. None
  92. None
  93. None
  94. ಡΈ͍ͨهࣄʹϢʔβ͕๚໰͠ଓ͖Λߪೖ هࣄൢചͷͳ͕Ε ձһొ࿥ɾϩάΠϯ͸WooCommerceͰ؅ཧ ະొ࿥ձһ΋͘͠͸هࣄͷߪೖཤྺΛ൑ఆ هࣄʹ࠶๚͠Stripe CheckoutͰܾࡁ ߪೖཤྺ͕WooCommerceͷडൃ஫؅ཧ΁ 1 2 3

    4 5
  95. None
  96. هࣄ΋ചΕΔʁԠԉ͍ͨ͠ʁ Media΋ ECͷ ECsite ˡ Media + EC

  97. Stripe͕͋Δͱ ͳΜͰ΋ചΕΔ ·ͱΊ ΄΅

  98. Stripe ࢖ͬͯΈ·͠ΐ͏ʂ ·ͱΊ

  99. w͓٬͞·ͷຖ݄ͷαʔόอकඅΛBillingͰ ࣗಈͰຖ݄ఆֹܾࡁʢαϒεΫϦϓγϣϯʣ We use Stripe ଞʹStripeͰ΍ͬͯΔ͜ͱ wࣗࣾاըΠϕϯτͷνέοτΛ Doorkeeper+StripeʢJCB΋ʣ Ͱൢച

  100. 4্݄० ެ։༧ఆʂ ʢECαΠτେมʣ ޤ͏ ͝ظ଴ʂ

  101. Thank you! ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ࠙਌ձͰ΋͓ؾܰʹ࿩͔͚͍ͯͩ͘͠͞ʂ࣭͝໰ͳͲ΋ͥͻʂ ͜ͷޙͷηογϣϯ΋ָ͠ΜͰ͍ͩ͘͞ɻ