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

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

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

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

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 - 2
   
   ECαΠτߏ੒
    3 - 3
   
   StripeͰ࡞Δهࣄൢച
    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
10. About Company ձࣾ঺հ Brandingʢϒϥϯυͮ͘Γʣ
    ͷ͓ख఻͍Λى఺ʹ σβΠϯɹͱɹ΢ΣϒαΠτɹΛ
    ͍ͭͬͯ͘·͢
11. What is Branding ϒϥϯσΟϯάͬͯԿʁ ݟͤํΛ
    ίϯτϩʔϧ͢Δ͜ͱ
12. About Company ձࣾ঺հ ϒϥϯσΟϯά
    σβΠϯ ! ύοέʔδ " web Πϥετ ΞϓϦ ൢଅ෺ ϩΰ ΤσΟτϦΞϧ # $ % & ' (
13. neccoͷσβΠϯ About Company 2-2
30. ϥϯνΛࣗ෼ͨͪͰ
    ౰൪੍Ͱ࡞ͬͯ·͢!
34. ࡳຈͷϤΨͷઌੜ͔Β
    ΦϯϥΠϯϤΨΛडߨ
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 - 3
    
    StripeͰ࡞Δهࣄൢച
     3-4 ·ͱΊ 25min
41. ਓܗಓ૆ਆͬͯͳʹʁ Dosojin 3-1
42. ʹΜ͗ΐ͏ Ͳ͏ͦ͡Μ ਓܗಓ૆ਆ
43. ਓܗಓ૆ਆΛ
    ஌ͬͯΔਓ"
44. ਓܗಓ૆ਆͬͯԿʁ
45. ӸපͳͲͷࡂ͍͕ೖͬͯ͜ͳ͍Α͏ʹ
    ଜڥ΍ಓ୺ʹ᛾ΒΕ͍ͯΔ ଜΛकΔෆࢥٞͳਆ༷ ͦΕ͕ਓܗಓ૆ਆͰ͢ɻ
52. ೋਓͷऔࡐମݧͱ
    ࢙࣮ΛจষԽ
54. ମݧͱਓܗಓ૆ਆΛ
    ΠϥετԽ
56. ςʔϚ͕ͼͬ͘Γ͢Δ͘Β͍χον ೋਓͱ࿩ͯ͠ײͨ͜͡ͱ ೋਓͷ೤ྔ͕ߴ͍ ಠࣗऔࡐͰ̍࣍৘ใΛूΊͯମݧͯ͠Δ ࢙࣮ͱͯ͠Ձ஋͕͋Δ ಓ૆ਆͱΧϥϑϧͳΠϥετͷ૊Έ߹Θͤ 1 2 3 4 5
57. ຊग़͠·͢ ΠϥετϨʔλʔ͞Μ
58. ൃചલʹπΠʔτ
    ͍͖ͯ͠·͠ΐ͏ɻ Θͨ͠
59. SNS΍Γͨ͘ͳ͍# ΠϥετϨʔλʔ͞Μ
60. Πϥετ΋ྑ͍ɺ
    χον͗ͯ͢୭͔ʹ
    ਂ͘͞͞Δͱࢥ͏ Θͨ͠
61. ൃചલʹπΠʔτ
    ͍͖ͯ͠·͠ΐ͏ɻ Θͨ͠
62. ΞυόΠεʹରͯ͠
    ૉ௚ʹཌ೔࣮ߦ ΠϥετϨʔλʔ͞Μ
66. όζͬͨ
67. ॻ੶Խ
69. ਓܗಓ૆ਆ
    ͍͚Δ
71. άοζԽ
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ϓϥάΠϯʣ γεςϜߏ੒
87. StripeͰͭ͘Δهࣄൢച Sell the Article 3-3
94. ಡΈ͍ͨهࣄʹϢʔβ͕๚໰͠ଓ͖Λߪೖ هࣄൢചͷͳ͕Ε ձһొ࿥ɾϩάΠϯ͸WooCommerceͰ؅ཧ ະొ࿥ձһ΋͘͠͸هࣄͷߪೖཤྺΛ൑ఆ هࣄʹ࠶๚͠Stripe CheckoutͰܾࡁ ߪೖཤྺ͕WooCommerceͷडൃ஫؅ཧ΁ 1 2 3 4 5
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! ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ࠙਌ձͰ΋͓ؾܰʹ࿩͔͚͍ͯͩ͘͠͞ʂ࣭͝໰ͳͲ΋ͥͻʂ
     ͜ͷޙͷηογϣϯ΋ָ͠ΜͰ͍ͩ͘͞ɻ