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
320
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
420
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
150
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
180
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
94
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
270
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
140
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/jp_stripes_okayama_vol3
stripehideokamoto
9
5.8k
Other Decks in Technology
See All in Technology
React ABC Questions
hirotomoyamada
0
120
開発視点でAWS Signerを考えてみよう!! ~コード署名のその先へ~
masakiokuda
3
160
CloudWatch 大好きなSAが語る CloudWatch キホンのキ
o11yfes2023
0
180
AWSの新機能検証をやる時こそ、Amazon Qでプロンプトエンジニアリングを駆使しよう
duelist2020jp
1
170
ElixirがHW化され、最新CPU/GPU/NWを過去のものとする数万倍、高速+超省電力化されたWeb/動画配信/AIが動く日
piacerex
0
140
Spring Bootで実装とインフラをこれでもかと分離するための試み
shintanimoto
7
820
Creating Awesome Change in SmartNews
martin_lover
1
280
【2025年度新卒技術研修】100分で学ぶ サイバーエージェントのデータベース 活用事例とMySQLパフォーマンス調査
cyberagentdevelopers
PRO
5
7.3k
Amazon CloudWatch Application Signals ではじめるバーンレートアラーム / Burn rate alarm with Amazon CloudWatch Application Signals
ymotongpoo
5
500
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming
tomzoh
1
230
LangfuseでAIエージェントの 可観測性を高めよう!/Enhancing AI Agent Observability with Langfuse!
jnymyk
1
220
生成AIによるCloud Native基盤構築の可能性と実践的ガードレールの敷設について
nwiizo
6
640
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Six Lessons from altMBA
skipperchong
27
3.7k
Building Flexible Design Systems
yeseniaperezcruz
329
38k
A better future with KSS
kneath
239
17k
What's in a price? How to price your products and services
michaelherold
245
12k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.1k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Into the Great Unknown - MozCon
thekraken
37
1.7k
Practical Orchestrator
shlominoach
186
11k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
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