Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
250
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
290
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
370
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
490
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
190
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
200
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
130
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
320
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
160
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/jp_stripes_okayama_vol3
stripehideokamoto
9
5.9k
Other Decks in Technology
See All in Technology
AWS re:Invent 2025~初参加の成果と学び~
kubomasataka
0
170
ZOZOの独自性を生み出す「似合う4大要素」の開発サイクル
zozotech
PRO
0
100
AWSの新機能をフル活用した「re:Inventエージェント」開発秘話
minorun365
2
310
.NET 10の概要
tomokusaba
0
130
AWS re:Invent 2025 re:Cap LT大会 データベース好きが語る re:Invent 2025 データベースアップデート/セッションの紹介
coldairflow
0
140
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
9.8k
普段使ってるClaude Skillsの紹介(by Notebooklm)
zerebom
6
1.7k
Bedrock AgentCore Memoryの新機能 (Episode) を試してみた / try Bedrock AgentCore Memory Episodic functionarity
hoshi7_n
2
1.4k
Databricks向けJupyter Kernelでデータサイエンティストの開発環境をAI-Readyにする / Data+AI World Tour Tokyo After Party
genda
1
630
MariaDB Connector/C のcaching_sha2_passwordプラグインの仕様について
boro1234
0
990
AWSインフルエンサーへの道 / load of AWS Influencer
whisaiyo
0
190
特別捜査官等研修会
nomizone
0
500
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
0
160
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
The Cost Of JavaScript in 2023
addyosmani
55
9.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
My Coaching Mixtape
mlcsv
0
8
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Ethics towards AI in product and experience design
skipperchong
1
140
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
190
How to train your dragon (web standard)
notwaldorf
97
6.4k
The agentic SEO stack - context over prompts
schlessera
0
550
Mind Mapping
helmedeiros
PRO
0
36
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