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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Hidetaka Okamoto (Stripe)
February 18, 2023
Technology
280
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
No-code SaaS and Full Site Editing / wcasia2023
Presentation deck for the WordCamp Asia 2023.
Hidetaka Okamoto (Stripe)
February 18, 2023
More Decks by Hidetaka Okamoto (Stripe)
See All by Hidetaka Okamoto (Stripe)
Stripeではじめる Revenue Operations / jp_stripes_okinawa_8
stripehideokamoto
0
330
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
420
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
550
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
240
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
220
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
170
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
360
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
190
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/jp_stripes_okayama_vol3
stripehideokamoto
9
6k
Other Decks in Technology
See All in Technology
AI 不只幫你寫 Code: 當專案從 300 暴增到 1500, 我們如何撐住 DevOps
appleboy
0
280
AI-DLCを “そのまま導入しなかった”話 ~組織に合わせてアジャストした 私たちの実践共有~
hiroramos4
PRO
1
440
OTel × Datadog で 「AI活用」を計測し、改善に繋げる
shihochan
2
1.1k
自分が詳しくない領域でAIを使う #プロヒス2026
konifar
20
7.9k
「勝手に広まる」人気 AI エージェントを爆速で作ろう!(AWS Summit Japan 2026講演資料)
minorun365
PRO
10
2.6k
從開發到部署全都交給 AI:實作 AI 驅動的自動化流程
appleboy
0
180
toB プロダクトから見たWAF
tokai235
0
250
10年間のブログ発信を振り返って見えたWebアプリケーションエンジニアとしての軌跡
stefafafan
0
190
2026-06-24_人とAIの責務分離に基づく開発プロセスの提案.pdf
takahiromatsui
0
250
“詰む”前に仕組みを作れ 〜技術の波に溺れないためのキャッチアップ術〜
takasyou
7
4.3k
AIチャットの改善から見えた、良いAI体験とは / What Constitutes a Good AI Experience: Insights from Improving AI Chat
kubode
0
130
飲食店もAIで。レジ締めやハンディシステムをつくってる話 / Using AI for restaurant management
vtryo
0
200
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.9k
The Language of Interfaces
destraynor
162
27k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
350
Building an army of robots
kneath
306
46k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
210
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.6k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
190
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.7k
The Curse of the Amulet
leimatthew05
2
13k
BBQ
matthewcrist
89
10k
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