No-code SaaS and Full Site Editing / wcasia2023

Presentation deck for the WordCamp Asia 2023.

Transcript

1. No Code SaaS
   and Full Site Editing
   WordCamp Asia 2023
   Hidetaka Okamoto (@hidetaka_dev)
   Updated Jan 2023
   

   View Slide

2. Use NoCode tools
   so you can focus on
   your business
   2
   

   View Slide

3. Hidetaka Okamoto(岡本秀高)
   Developer Advocate @ Stripe
   💬 @hidetaka_dev
   ✉ hideokamoto@stripe.com
   WordCamp Asia 2023
   👋 Hello!
   Hyogo / Kyoto, Japan
   

   View Slide

4. 1. Why start subscriptions?
   2. 3 ways to start subscriptions
   3. How to expand
   Agenda
   4
   WordCamp Asia 2023
   

   View Slide

5. 1. Why we start subscription?
   2. 3 ways to start subscription
   3. How to expand
   Agenda
   5
   WordCamp Asia 2023
   

   View Slide

6. 6
   WordCamp Asia 2023
   https://www.zuora.com/resources/subscription-economy-index/
   

   View Slide

7. 7
   Digitalcube
   

   View Slide

8. Move toward to subscription
   WordPress
   Development
   

   View Slide

9. Move toward to subscription
   BOYL /
   Package
   

   View Slide

10. Move toward to subscription
    SaaSfied
    

    View Slide

11. We can deliver our value to customers
    with "experience" rather than
    "performance and specifications"
    11
    

    View Slide

12. 1. Why we start subscription?
    2. 3 ways to start subscription
    3. How to expand
    Agenda
    12
    WordCamp Asia 2023
    

    View Slide

13. 13
    ① 4 Steps to start a new paid blog
    WordCamp Asia 2023
    

    View Slide

14. 4 Steps to start a new paid blog
    1:
    Subscribe form
    

    View Slide

15. 4 Steps to start a new paid blog
    2:
    Create
    WP user
    

    View Slide

16. 4 Steps to start a new paid blog
    3:
    Edit
    User Role
    

    View Slide

17. 4 Steps to start a new paid blog
    4:
    Private post
    

    View Slide

18. 4 Steps to start a new paid blog
    Non-members
    

    View Slide

19. 4 Steps to start a new paid blog
    Members
    

    View Slide

20. Additional tips
    Embedded
    Pricing Table
    
    pricing-table-id="prctbl_1LfIbXL6R1kGwUF4znrHqVyz"
    publishable-key="pk_test_12345xxxx"
    >
    
    

    View Slide

21. View Slide

22. ✅ Easy to get started
    ❗ Need code for customizing
    22
    

    View Slide

23. 23
    ② Using plugins
    to start your premium membership
    WordCamp Asia 2023
    

    View Slide

24. View Slide

25. View Slide

26. Using plugin to build paid blog
    Auto generate
    pages
    

    View Slide

27. View Slide

28. ✅ Install, configure, ready
    ❗ Need to look for the best plugin
    28
    

    View Slide

29. 29
    ③ Do it yourself (custom block)
    WordCamp Asia 2023
    

    View Slide

30. 30
    Tips: Creating custom “Paywall” block
    WordCamp Asia 2023
    

    View Slide

31. 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
    

    View Slide

32. ✅ Fully customizable
    ❗ Fully self managed
    32
    

    View Slide

33. A. Fully customizable
    B. Fully managed ( SaaS )
    C. Managed, but can contribute
    What’s your favorite style?
    33
    WordCamp Asia 2023
    

    View Slide

34. 1. Why we start subscription?
    2. 3 ways to start subscription
    3. How to expand
    Agenda
    34
    WordCamp Asia 2023
    

    View Slide

35. Using NoCode Tools,
    But think about the migration
    35
    

    View Slide

36. Leave NoCode
    Where is
    your data?
    

    View Slide

37. Graceful migration (No Code -> Code)
    Customer Website
    37
    Leave from NoCode
    Elements
    Payment
    Links
    Checkout
    Backoffice
    Stripe
    Webhook
    

    View Slide

38. Use good tools
    that allow you
    to focus on your business
    38
    

    View Slide