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
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
340
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
430
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
570
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
260
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
220
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
180
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
370
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
200
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/jp_stripes_okayama_vol3
stripehideokamoto
9
6k
Other Decks in Technology
See All in Technology
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
20k
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
syarihu
0
440
サーバー常駐型の 簡易障害調査AI エージェントを作ってみた話
masayoshi
1
510
「ミスを許さない手順書」を作ってみた 〜 個人的にはこれ以上できることはあまりなさそう/20260827-ssmjp-operation-procedure-update
opelab
18
17k
[RSJ26] NarrativeFlow: Flow-Based Vision-Language-Action Model Using Robot Velocity Fields
keio_smilab
PRO
0
130
AI時代におけるプロダクト横断勉強会の設計
zozotech
PRO
0
120
APIセキュリティを組織で実現するには~注力する点と設計・実装に入れたい対策~
riiimparm
3
870
Kiro Crewしか勝たん!?
miu_crescent
PRO
0
150
PdMをやめて、 "プロダクトビルダー"という 働き方に変えました / PdM to Product Builder
shikichee
2
620
分割40%キーボードにスムーズに入門するには
hoto17296
1
220
AI駆動開発を組織で促すために
lycorptech_jp
PRO
7
9.2k
Does an AI Watermark Survive Translation?
machinetranslation
0
520
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Abbi's Birthday
coloredviolet
3
9.6k
The SEO identity crisis: Don't let AI make you average
varn
0
550
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
510
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Paper Plane (Part 1)
katiecoart
PRO
1
10k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
Claude Code のすすめ
schroneko
67
230k
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