Webflow: Yinelenen Gelir Kılavuzu'nda bir abonelik sistemi oluşturun.

Her ay "pasif gelir" gibi gelire sahip olmak ister, ancak eklenmiş ... web akışı ile bir web nasıl yapılır ve bir abonelik sistemi nasıl oluşturulur?

Kendi webflow web sitesini güzel bir şekilde şekillendiren kişilerden biri misiniz? İyi bir içeriğin, her ay "tekrar eden gelir" veya tutarlı bir gelire dönüşmek isteyen harika fikirleri var mı? Çevrimiçi kurslar, premium makaleler, üyeler için topluluklar ve hatta erişim için ödenmesi gereken özel hizmetler oluşturmayı hayal edebilirsiniz. Ama aslında bunu yaparken ... görünmez bir duvarla karşılaşmalı

Duygular "devam edemez." Sinir bozucu, değil mi? Web sitesi zaten çok güzel. Temel özellikler tamamlanmıştır. Ancak "Aylık Koleksiyon" veya "Üye Sistemi" sıkışacak kadar karmaşık görünüyor. Nereden başlayacağınızı bilmiyorum bir kod yazmanız gerekiyor mu? Ödeme sistemi ne olacak? Yine güvenlik? Bu sorular kafada dolaşıyor. Eskiden ateş eden fikri ... bunu hissediyorsanız yavaş yavaş söndürüldü ... Bu makale aradığınız "cevap".

İllüstrasyonlar istenmesi: Webflow programını Silver Icons ($) ile açan bilgisayar ekranının önünde oturan işletme sahipleri veya içerik kırıcı. Hala kilidin açılmış para kazanma fikrini iletmek

Webflow'da abonelik oluşturulması neden? "Yapamıyorum" (ama her zaman doğru değil).

Her şeyden önce, önce web akışının doğasını anlamalıdır. Webflow tasarımda "Tanrı" dır ve güzel bir görsel web sitesi oluşturur. Bize bir web sayfası oluşturma özgürlüğü, hatta bir satır bile koda dokunmak zorunda kalmadan hayal gücüne göre her şey. Ancak ... Webflow'un ana kalbi "Yönetim ve Karmaşık Ödeme Sistemi" (Kullanıcı ve Ödeme Yönetimi) değil, "İçerik Sunumu" dir.

Web akışında abonelik oluşturmanın ana nedeni bir zorluktur, çünkü:

• Yerel Kullanıcı Hesabı Yok: Her kullanıcıdaki farklı erişim haklarını doğrudan yönetmek, giriş yapmak veya belirlemek için WebFlow oluşturulmaz.
• Yinelenen ödemeyi desteklemez: Webflow'un e-ticaret sistemi, ürünleri "zaman zaman" satmak için mükemmeldir, ancak müşteri parasını kesmek için bir işlev yoktur. "Her ay otomatik", tekrarlayan ödemeler olarak da bilinir
• İçerik kapısı diğer araçlara güvenmelidir: "zaten ödeme yapmış üyeler için bu içerik" demek, web akışının mümkün olmadığı karmaşık bir mantık gerektiren bir şeydir.

Webflow'da hemen "doğru -Click -> bir abonelik oluşturamamamızın nedeni budur, ancak bu bir çıkmaz değil! Çünkü bu sorunlar, özellikle bunun için olan dış araçlarla "güçlerini birleştir" olduğunu düşündüğünüzden daha kolay ve daha güçlü bir "çözüme" sahiptir. Webflow'un çalışmasının arka planını daha fazla anlamak istiyorsanız, daha fazla WebFlow mantığı Bu karmaşık özellik için neden başka araçlara güvenmemiz gerektiğini görmenize yardımcı olacaktır.

Çizimler istemi: Ortada web akışı simgesini gösteren basit zamanlama görüntüsü ve kullanıcı hesapları simgesine işaret eden bir ok, tekrarlayan ödemeler, içerik kapısı, medyaya web akışının bu özelliklere sahip olmadığı bir kırmızı haç işareti.

Web'e "bir kez al" izin veriyorsanız ... Ne kaybediyorsunuz?

Webflow web sitenizin sadece "Bir kez para alan ve biten mağaza" nın büyük bir anlaşma gibi görünmesine izin vermek. Ancak uzun vadede, bir "altın fırsatı" kaçırıyorsunuz ve bunu bilmeden iş için bir "risk" yaratıyorsunuz.

• Belirsiz gelir (öngörülemeyen gelir): Her zaman çok çalışkan, her zaman "yeni müşteriler için koşması" gereken bir devrede sıkışıp kalacaksınız, hangi ay ... gelir gözlerle kayboldu. Finansal planlama ve iş uzatması için zorlaştırmak
• Bir "topluluk" sıkı yaratma fırsatını kaybettim: Abonelik modeli sadece para biriktirmek değil. Ancak aynı tercihi olan insanlar için bir "ev" yaratmaktır. Uzun vadeli bir üyeye sahip olmak, değerlendirilemeyen "mülkiyet" dir. Bir çanta ve marka hayranlarınız olacaklar.
• İyi bir içerik yapın, ancak "en yüksek değer değil": Bir klip oluşturabilir, derinlemesine bir makale yazabilir veya bir tanrı şablonu oluşturabilirsiniz, ancak ücretsizse veya yalnızca aynı içerikten sürekli gelir elde etme fırsatını kaçırdığınızda satabilirsiniz. Maalesef git
• Abonelik modelini kullanan bir rakip olmak: Aylık bir ay boyunca devam ederken rakipleriniz istikrarlı bir üye tabanı oluşturuyor olabilir. Güçlü bir nakit akışı var. Ve bu parayı, nihayet devam edene kadar ürün ve hizmetleri daha da iyi geliştirmek için getirin.

Tekrarlayan gelir modeline uyum sağlamak, okyanusta kürek çekmek kendi gücünüzle benzerdir. gelişmiş abonelik platformunun size yardımcı olabileceği şeydir

İllüstrasyonlar istemi: 2 grafik görüntü, birinci grafik karşılaştırmalı bir grafiktir, bir kerelik saales gibi. Diğer grafik kademeli bir çizgidir. İstikrarlı tırmanma (abonelik geliri)

Çözüm burada! "Katılmak" Webflow + Memberstack bir Dream Abonelik web sitesi oluşturur.

Webflow bunu yapamadığında ... yardım etmek için bir "ortak" bulun! Ve bu hikayedeki en iyi ortak ortak, web akışının eksik olduğu her şeyi "sızdırmak" için tasarlanmış Memberstack

Ve nereden başlamalıyız?

Cevap doğru aracı seçmekten başlıyor. Memberstack'e odaklanacağız çünkü esnekliğe sahip webflow insanlar arasında çok popüler bir seçenek. Ve incelenecek birçok bilgi kaynağı var

İş ilkesi basit:

1. Webflow "Evin Ön" yönetiyor: Hala güzel bir web sitesi tasarlıyorsunuz, içerik koyuyorsunuz, yalnızca üyeler için sayfalar oluşturuyorsunuz. Webflow ile (yalnızca üyeler sayfaları) eskisi gibi.
2. Memstack "arka bahçeyi" yönetiyor: Memberstack bunun yerine baş ağrısı olan her şeyi halledecek. Olup olmadığı:
   • Kayıt ve Giriş: İnsanların başvurması, şifre ayarlaması ve sisteme giriş yapması için form oluşturun.
   • Paket Yönetimi: Farklı fiyatlar ve koşullarla birçok düzeyde (ücretsiz, temel, prim gibi) üyelik paketleri oluşturabilirsiniz.
   • Otomatik Kesme: Üyeliğin üyelik kartını otomatik olarak kesmek için Stripe'e bağlı veya yıllık olarak.
   • İçeriği gizlemek/göstermek için: Memberstack'in web akışında erişim haklarını kısıtlamak istediğiniz herhangi bir içerik için hazırladığı "eklemeniz" (öznitelik).

, özellikleri ve fiyat ayrıntılarını incelemek için Memberstack gitmektir Üniversitesi'nden veri kaynaklarını görüntülemenin yanı sıra genel görüntüyü anlamak için üyelikler Ardından abonelik modelinizi açıkça planlayın. Bu en güçlü başlangıç noktasıdır.

İllüstrasyonlar istemi: Webflow simgesini Memberstack simgesiyle gösteren ve tekrar eden gelir simgeleri, topluluk simgesi, kilitli kapılı içerik simgesi gibi çeşitli sonuçlara işaret eden Infografik görüntüler.

Gerçek Şeyden Örnekler: Webflow Wing'deki UX/UI öğretim web sitesi abonelik ile

Daha net olmak için "UX Flow" (varsayılan isim) hikayesine bir göz atalım. Webflow'daki çevrimiçi kurs satışlarıyla başlayan UX/UI tasarım tekniklerini öğreten web sitesi.

Karşılaşılan sorunlar: "UX Flow" yüksek kaliteli ve kabul edilmiş içeriğe sahiptir. Ancak gelirleri yeni bir kurs başlatmak için her ay rüzgar dalgası gibi yukarı ve aşağı yükseliyor, gelir acele ediyor. Ancak 2-3 ay sonra yalnız olacak. Takım her zaman yeni kursları tanıtmaktan bıkmış olmalı. Ve öğrencilerle uzun vadeli ilişkiler kurmanın bir yolu yok

Kullanılacak çıkış: üyeleri orijinal Webflow web sitelerinde birleştirerek tüm yeni iş modellerini elden geçirmeye karar verdi Ve 2 seviyeli bir üye paket oluşturun:

• Pro plan (19 $/ay): Tüm makalelere ve özel tekniklere erişim, sınırlı şablon dosyalarını indirin
• Master Plan (49 $/ay): Her şey Pro Planla aynıdır, ancak tüm temel videoya ek erişim, Discord üzerine topluluğa katılın ve her ay canlı oturumda öğretmenlerle cevap verme hakkına sahiptir.

İnanılmaz Sonuçlar: akışındaki aboneliği başlattıktan sadece 6 ay sonra . Sonuç büyük "değişim"! "UX akışı" geliri istikrarlıdır ve her ay ortalama% 15 büyür! Eski öğrencinin dönüş oranı yükseliyor ve toplulukları piyasada daha fazla içerik oluşturmalarına yardımcı olan iyi bir fikir kaynağı haline geldi. Bu, değişmenin açık bir örneğidir. "Bir Alıcı", modern iş yapmanın kalbi olan "sadakat üyesi" olmak. aynı zamanda iyi bir fiyatlandırma sayfası oluşturmanın aynı yolu

İllüstrasyonlar istemi: "UX Flow" web sitesinin öncesi ve sonrası, "Şimdi Satın Al" kursu satmaya odaklanan eski bir web görüntüsüdür. Sağ taraf, daha çok bir topluluğa benzeyen yeni bir web'dir.

Takip etmek ister, değil mi? "Joken Hands" manuel, WebFlow + Memberstack'te bir abonelik oluşturur (hemen kullanılabilir).

Herkesin beklediği kısma geldi! Teoriyi adım adım dönüştüreceğiz. Bir kod yazmaya gerek olmadığını söyleyebiliriz, bir satırın bile sadece niyeti vardır ve bunu takip etmek yeterlidir.

1. Adım: Modelinizi Planlayın (Plan)

Herhangi bir araca dokunmadan önce bu soruları net bir şekilde yanıtlayın: Ne satacaksınız? Kaç paket (katman)? Her paket ne kadar? (Aylık/yıllık)? Hangi içerik üyeleri erişebilir?

Adım 2: Evinizi Hazırlayın (Webflow Kurulumu)

WebFlow projenizde şu temel görevleri oluşturun: Satış/Fiyatlandırma Sayfası, Abonelik Sayfası (Kayıt), Giriş, Profil Sayfası (Profil) ve Görev yalnızca üyeler için içerik (GAND İçeriği) görüntüleyecektir.

Adım 3: Memberstack kurulumunda bir paket oluşturun.

Memberstack için başvurun ve Adım 1'de planladığınızda bir plan veya üyelik paketi oluşturun, fiyatı, ödeme turunu ayarlayın ve başvurudan sonra görev yönlendirilecektir.

4. Adım: Bağlan 2 Worlds (Connect)

Memstack size 1 satır (komut dosyası) verecektir. Kodu özel koda koyarsınız. Başlığınızın webflow projesi (site ayarlarında) ve bir kez yayınlayın. Bağlantı!

Adım 5: Öznitelik ekleyin

Bu anahtar! Memstack, WebFlow Designer'da çalışmak için "Özel Öznitelikler" yöntemini kullanır:

• Uygulama düğmesi: "Premium" paketinize gidin ve o paket için Memberstack tarafından belirtilen özniteliği ekleyin.
• Gizlenecek İçerik: Yalnızca üyeleri görmek istediğiniz bölüme veya DIV'e gidin ve gizli/gösterilen içerik için öznitelik ekleyin.
• Çeşitli form: Memberstack ile çalışması için kayıt ve giriş formuna öznitelik ekleyin.

Adım 6: Test (Test)

Bir müşterinin rolünü kendiniz oynamaya çalışın. Üyelik başvurusunda bulunmaya çalışın, ödeme (test modunda), giriş, erişilmesi gereken içeriğe erişin ve görevi girmeye çalışın erişilmemelidir. Her şeyin pürüzsüz olup olmadığını görün.

7. Adım: Başlatıldı! (Öğle yemeği)

Emin olana kadar test ederken, abonelik sisteminizi resmi olarak başlatma zamanı! gelişmiş webflow uzmanlarına sahip olmak , bu sürecin pürüzsüz olmasına ve hatayı çok azaltmasına yardımcı olacaktır.

İllüstrasyonlar istemi: Kağıt planlama kağıdı simgesinden 7 adım gösteren adım adım Infic, Webflow simgesi, Memberstack simgesi, bağlı fişler, etiketler, etiket simgeleri, büyüteç ve son olarak bir simge olarak.

İnsanların merak etme eğiliminde olan sorular (SSS) web akışındaki abonelik hakkındaki her düğümü temizler.

Web akışında bir abonelik oluşturmaya başlamak isteyen kişilerden sıklıkla karşılaşılan popüler sorular topluyorum . Burada

S1: Memberstack kullanımında sağlanan üyelik sistemi nasıl?

A: WebFlow Memberhips (web akışına bağlı), çok karmaşık olmayan bazı makalelere veya videolara erişimin sınırlandırılması gibi basit durumlar için uygundur. Ancak, birçok paket seviyesi oluşturmak, farklı fiyatları belirlemek, yinelenen ödeme (aylık/yıl) veya diğer sistemlere bağlı olmak gibi yüksek esnekliğe ihtiyacınız varsa. Memberstack daha güçlü ve daha esnek bir cevaptır. Karşılaştırmak için WebFlow üyelikleri hakkında öğretim betiğini okumayı deneyin

S2: Eğer kod yazma bilgim yoksa gerçekten yapabilir misiniz?

C: Kesinlikle%100! Tüm işlem gerçekten kodsuz formattır. Yapmanız gereken, sadece Web Flow'un ayarlarını dolduran üyeler stack tarafından önerildiği gibi sadece 1 kod kodunu kopyalayıp yapıştırmak ve özel öznitelikleri ayarlamaktır.

S3: Maliyetler nelerdir?

A: Genel olarak, 3 ana parça vardır: 1) Webflow planı (zaten kullandığınız) 2) 2) Memberstack planı (üye ve özellik sayısı arasından seçim yapabileceğiniz birçok seviyeye sahiptir) ve 3) Stripe gibi her bir yüzde. Meydana gelen satışlar

S4: Müşteri bilgileri ve ödeme ne kadar güvenli?

C: Maksimum güvenlik. Memberstack, müşterinin kredi kartı verilerini tutmaz. Ancak, en yüksek güvenlik standartlarına (PCI -Comliant) sahip bir dünya sınıfı ödeme hizmeti sağlayıcısı olan Stripe ile çalışarak, tüm önemli bilgiler Stripe tarafından yönetilecek ve hem sizin hem de müşterilerinizin tamamen kendinden emin olmalarını sağlayacaktır. Müşteriler için iyi bir deneyim yaratmak, kişiselleştirme stratejilerini de içerir. Onlar için de

Resimler istemi: Görüntü simgesi, büyük bir soru işareti (?) Ortada bir SSS kelimesi vardır ve etrafında kod simgeleri, gümüş simgeler, güvenlik simgeleri gibi her soruyu ileten küçük simgeler vardır.

Her ay size ödeme yapan bir "üye" olarak "kitleyi" değiştirmenin zamanı geldi!

Bu noktada, webflow web sitenizden sürekli bir gelir veya tekrarlayan gelir yaratmanın artık "çok uzakta değil" olduğunu görebileceğinize inanıyorum. Eskiden yüksek ve karmaşık olan duvarlar, Memberstack adında bir "kapı" her zaman açmanızı bekleyen bir "kapı" var.

Risk altında olmanın neden bir zamanlı bağımlılık olduğunu zaten öğrendik. Ve bir abonelik modeli nasıl oluşturulur, işletmenizin büyümesi için çok fazla istikrar ve fırsat sağlar. Gerçek örneği gördük. Ve en önemlisi, hemen yapmaya hazır olan "adım adım bir haritamız var.

Fikirlerin iyi olmasına izin vermeyin. Ve yüksek kaliteli içeriğiniz "bir kez satmak ve bitirmek için bir kez" ile sınırlıdır. "Otomatik gelir üretim makineleri" olmak için web sitenizi yükseltme zamanı güçlü bir topluluk yaratıyor. Ve uzun vadede istikrarlı bir işletmenin temelini attı

Son soru "yapabilir misin?" Ama "ne zaman yapmaya başlayacak?"

Önünüzde sürdürülebilir bir iş kurma fırsatı! Bekleme! Abonelik modelinizi bugünden başlayın. Ve her ay sizi desteklemeye hazır olan önemli bir üye olmak için sıradan web sitelerini değiştirin. Bu karmaşık sistemi yaratmaya hazır bir uzman istiyorsanız, Vision X Beyin Ekibi ücretsiz olarak! Fikirlerinize yardımcı olmak için ortak olmaya hazırız.

İllüstrasyonlar istemi: Parlak olan yeni bir dünyaya eski görünen "bir kerelik satışlar" kelimesiyle kapıdan çıkan bir kişiyi gösteren güçlü grafikler, gökyüzünde "tekrar eden gelir" kelimesiyle, zemin olarak sürekli büyüyen bir grafikle yüzer.

‍