Upgrade to Pro — share decks privately, control downloads, hide ads and more …

No-code SaaS and Full Site Editing / wcasia2023

No-code SaaS and Full Site Editing / wcasia2023

Presentation deck for the WordCamp Asia 2023.

Hidetaka Okamoto (Stripe)

February 18, 2023
Tweet

More Decks by Hidetaka Okamoto (Stripe)

Other Decks in Technology

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
    [email protected]
    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. 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. 24

    View Slide

  25. 25

    View Slide

  26. Using plugin to build paid blog
    Auto generate
    pages

    View Slide

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