Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
No-code SaaS and Full Site Editing / wcasia2023
Search
Hidetaka Okamoto (Stripe)
February 18, 2023
Technology
0
230
No-code SaaS and Full Site Editing / wcasia2023
Presentation deck for the WordCamp Asia 2023.
Hidetaka Okamoto (Stripe)
February 18, 2023
Tweet
Share
More Decks by Hidetaka Okamoto (Stripe)
See All by Hidetaka Okamoto (Stripe)
Stripeではじめる Revenue Operations / jp_stripes_okinawa_8
stripehideokamoto
0
240
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
300
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
410
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
140
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
180
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
86
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
270
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
130
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/jp_stripes_okayama_vol3
stripehideokamoto
9
5.7k
Other Decks in Technology
See All in Technology
結果的にこうなった。から見える メカニズムのようなもの。
recruitengineers
PRO
1
120
Dify触ってみた。
niftycorp
PRO
0
100
アジリティを高めるテストマネジメント #QiitaQualityForward
makky_tyuyan
1
520
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
840
MIMEと文字コードの闇
hirachan
2
1.5k
“常に進化する”開発現場へ! SHIFTが語るアジャイルQAの未来/20250306 Yuma Murase
shift_evolve
0
150
User Story Mapping + Inclusive Team
kawaguti
PRO
3
570
クラウド関連のインシデントケースを収集して見えてきたもの
lhazy
10
2.1k
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
180
Introduction to OpenSearch Project - Search Engineering Tech Talk 2025 Winter
tkykenmt
2
260
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
32
22k
AIエージェント時代のエンジニアになろう #jawsug #jawsdays2025 / 20250301 Agentic AI Engineering
yoshidashingo
9
4.3k
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Practical Orchestrator
shlominoach
186
10k
Optimizing for Happiness
mojombo
377
70k
Why Our Code Smells
bkeepers
PRO
336
57k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Embracing the Ebb and Flow
colly
84
4.6k
A Modern Web Designer's Workflow
chriscoyier
693
190k
For a Future-Friendly Web
brad_frost
176
9.6k
Transcript
No Code SaaS and Full Site Editing WordCamp Asia 2023
Hidetaka Okamoto (@hidetaka_dev) Updated Jan 2023
Use NoCode tools so you can focus on your business
2
Hidetaka Okamoto(岡本秀高) Developer Advocate @ Stripe 💬 @hidetaka_dev ✉
[email protected]
WordCamp Asia 2023 👋 Hello! Hyogo / Kyoto, Japan
1. Why start subscriptions? 2. 3 ways to start subscriptions
3. How to expand Agenda 4 WordCamp Asia 2023
1. Why we start subscription? 2. 3 ways to start
subscription 3. How to expand Agenda 5 WordCamp Asia 2023
6 WordCamp Asia 2023 https://www.zuora.com/resources/subscription-economy-index/
7 Digitalcube
Move toward to subscription WordPress Development
Move toward to subscription BOYL / Package
Move toward to subscription SaaSfied
We can deliver our value to customers with "experience" rather
than "performance and specifications" 11
1. Why we start subscription? 2. 3 ways to start
subscription 3. How to expand Agenda 12 WordCamp Asia 2023
13 ① 4 Steps to start a new paid blog
WordCamp Asia 2023
4 Steps to start a new paid blog 1: Subscribe
form
4 Steps to start a new paid blog 2: Create
WP user
4 Steps to start a new paid blog 3: Edit
User Role
4 Steps to start a new paid blog 4: Private
post
4 Steps to start a new paid blog Non-members
4 Steps to start a new paid blog Members
Additional tips Embedded Pricing Table <script async src="https://js.stripe.com/v3/pricing-table.js"></script> <stripe-pricing-table pricing-table-id="prctbl_1LfIbXL6R1kGwUF4znrHqVyz"
publishable-key="pk_test_12345xxxx" > </stripe-pricing-table>
21
✅ Easy to get started ❗ Need code for customizing
22
23 ② Using plugins to start your premium membership WordCamp
Asia 2023
24
25
Using plugin to build paid blog Auto generate pages
27
✅ Install, configure, ready ❗ Need to look for the
best plugin 28
29 ③ Do it yourself (custom block) WordCamp Asia 2023
30 Tips: Creating custom “Paywall” block WordCamp Asia 2023
function render_dymanic_block( $attributes, $content ) { if ( show_member_content( $attributes
) ) { return do_blocks( $content ); } return render_access_denined_page(); } Content access control block.php
✅ Fully customizable ❗ Fully self managed 32
A. Fully customizable B. Fully managed ( SaaS ) C.
Managed, but can contribute What’s your favorite style? 33 WordCamp Asia 2023
1. Why we start subscription? 2. 3 ways to start
subscription 3. How to expand Agenda 34 WordCamp Asia 2023
Using NoCode Tools, But think about the migration 35
Leave NoCode Where is your data?
Graceful migration (No Code -> Code) Customer Website 37 Leave
from NoCode Elements Payment Links Checkout Backoffice Stripe Webhook
Use good tools that allow you to focus on your
business 38