Webflow Logic: Kod yazmadan karmaşık bir web uygulaması mı oluşturuyorsunuz?

"Bu özelliği yapmak istiyorum ... ama programcıları işe almalıyım"

Hiç var mı? Webflow ile bir web sitesi yaptığımızda, kafada yükselmek için harika bir fikrimiz var. "Müşterilerin farklı sonuçlara cevap vermesi ve göstermesi için birçok anket yaparsak." Veya "müşterilerin web'de oynaması için bir fiyat aracı yapmak istiyorsak" veya hatta "müşterinin formu doldurmasını istiyor ve bilgileri kaydetmek için çalışır + Otomatik Koşullar e -postası gönder"

Ama sonra bu düşünceler, "rüya ... bu tür bir özellik kaotik bir ev kodu yazmalı" diyen sesle tökezlemelidir. "Bir programcı kiralamalı" "Kesinlikle artan bütçe". Sonunda web sitemiz hala sadece güzel bir web sitesi. Kullanıcılarla etkileşime giremeyen bu, çevrimiçi broşürler gibi yalnızca bir yol verebilir ... Bu sorun, birçok web insanının karşılaşması gereken bir şeydir ve sıradan web siteleri arasında engellenen bir "duvar" dır. Canlı bir uygulama ile

‍

Neden iyi fikirler devam edemez? "Kod" adlı duvarın kökü

Bu sorun ortaya çıkıyor çünkü geleneksel web siteleri dünyasında açıkça 2 bölüme ayrıldı: "Fronntd" ve "Backd"

Webflow, güzel bir kullanıcı arayüzü (UI) tasarlama ve oluşturma ve sınırsız tüm ekran boyutlarına yanıt verme özgürlüğü veren "ana sayfa" nın kralıdır. Ancak, web sitesi için "mantık" veya "beyin" eklemek istediğimizde, "kullanıcı sonuçları yaparsa" veya "veriler D'ye gönderilirse", bu şeyler, programın kodu javascript (node.js), python veya php'de yazmasını gerektiren "geri eve" işlevleridir.

"Boşluğa" neden olan nokta budur. Web tasarımcısı (tasarımcı) ve yazar birlikte çalışmalıdır. Bu genellikle karmaşıklık, yanlış olan iletişim, daha uzun süre ve maliyeti küçük bir işlev eklemek kaçınılmazdır, her seferinde birçok adımda planlanması gereken büyük bir anlaşma haline gelir. Bizim için iyi fikirlerin birçok kez, maalesef katlanması gerektiğinin nedeni budur, çünkü "kodun" duvarını geçemez. WebFlow'un iş web sitelerini çözmeye nasıl yardımcı olduğunu anlayın Bu aracın her zaman bu duvarı kırmaya çalıştığını görmemizi sağlayacak

‍

"Aptal" web sitesinin fırsatı kaybetmeye devam etmesine izin veriyor mu?

Sadece güzel bilgiler gösterebilen ancak karmaşık mantıkla etkileşim kurma ve çalışma yeteneğinden yoksun bir web sitesine sahip olmak, büyük bir şey olmayabilir. Ama gerçekte, onu bilmeden muazzam bir iş için "fırsatları kaybediyoruz".

• Hemen yardıma ihtiyaç duyan müşterilerin kaybı: Sigorta fiyatını, taksitli evleri veya hizmetleri hesaplamak için Web'e giren müşteriler. Web sitemizin onun için araçları yoksa derhal "akıllı" bir web sitesine sahip rakiplere dönecektir.
• Dönüşüm Oranı Düşük Kil: Uzun ve sıkıcı formlar, önceki cevaplara göre soruları gösteren çok adımlı form oluşturamadığımız iyi bir dönüşüm öldürmedir. Müşterilerin cesaretini kırmasına ve yolun ortasına kadar kapanmasına neden olmak
• Kullanıcı Deneyimi (UX) hayal kırıklığı yaratıyor: Kullanıcılar benzersiz bir deneyim bekliyor. (Kişiselleştirilmiş deneyim) İçeriği kullanıcı türüne göre gizleyemediğimiz/görüntüleyemeyiz. Herkesin cevap vermeyen ve rahatsızlık yaratmayan tüm bilgileri görmesine izin vermek
• Daha yüksek işletme maliyetleri: Çalışanların tekrar tekrar cevap vermeleri, sistemdeki e -postadan anahtar veya müşterileri elden ayırma ihtiyacı, ancak bu işlemler mantıkla otomatik olarak olabilir.
• Açıkça dezavantajlı: Rakiplerin müşterileri çekmek için havalı araçlar oluşturmak için teknolojiyi kullandıkları dönemde hala eski web sitesi ile duruyoruz. Her gün kanalda geri dönüyoruz, web akışında 7 gizli özellik bir çözüm olabilir.

‍

Çözüm önde! "Webflow Logic" Kodu kullanmadan duvarı kırmak için araçlar.

Ve sonra Webflow bu duvarı kıran gizli silahları, yani "Webflow Logic"! Anlaması en kolay olanı konuşun. Webflow mantığı, oluşturmanıza izin veren bir araçtır. "İş Akışı" ve "Mantık", tek bir kod yazmak zorunda kalmadan doğrudan webflow tasarımcısından sunucuda!

"Arka bahçenin" gücü "Lego konnektörü" şeklinde, koşulları kendimize koyabilir ve belirleyebiliriz, sadece 2 çalışma prensibi vardır:

1. Tetik (Stimülatör): Bu mantığı çalışmaya başlayacak olan şey nedir? Şu anda, ana tetikleyici "Form Gönderme" dir.
2. Akış (işlem): Stimase ne zaman olacak ne olacak? Koşullar yaratabiliriz. Örneğin, 'bütçe' 100.000 baht değerindeyse, bilgileri Hubspot'a gönderin, ancak bunun yerine MailChimp'e gönderilmezse

Bu, Web'i düşünmenin devrimci bir yoludur. Eskiden, otomasyon bağlamak ve oluşturmak için programcılara veya Zapier veya Make (integromat) gibi harici araçlara güvenmek zorunda. Şimdi bir şeyler yapabiliriz. Daha hızlı, daha kararlı ve yönetilmesi daha kolay olan "kendimizde" webflow. kullanması gereken herkesin merak eden herkes için normal bir web sitesinden çok daha fazlası olduğu açık bir cevaptır.

Webflow tasarımcısındaki Mantık sekmesini girerek hemen başlayabilirsiniz ve ilk akışınızı oluşturmaya başlayabilirsiniz. Webflow Logic Resmi sayfasından resmi veri kaynağından daha fazla bilgi edinin .

Gerçek Şeyden Örnekler: Howbflow mantığı işi değiştirebilir mi?

Teori sıkıcı görünebilir. Gerçek kullanımın gerçek kullanımını görelim. Webflow mantığını kullanırsak, işletmeye nasıl fayda sağlayacaktır?

• Müşteriler bilgi, gelir ve mantık yüklerini doldurduklarında "temel konut kredisi formu" oluşturun . Mantık olası krediyi hesaplayacaktır. Ardından, uygun proje listesi ile sonuçta hemen müşteriye bir e -posta gönderin ve bu olası bilgileri otomatik olarak bu bölgeye bakan hücrelere gönderin.
• SaaS (AA-AA-Service) Business: Web sitesi geliştirme için bir webhook gönderebilir.
• Pazarlama Ajansı: Müşterilerin istenen hizmeti (SEO, Atış, Web gibi) seçmeleri için web sitesinde "Proje Proje Değerlendirme Araçları" oluşturun. Mantık, web sayfasındaki başlangıç fiyatını ve ekranı hesaplayacaktır. Ayrıca, teklifin hemen hazırlanması için müşterinin ihtiyaçlarını satış departmanına özetleyen bilgileri gönderirken
• E-öğrenme web sitesi: "Okuldan sonra test" oluşturun. Öğrenciler testi yaptıklarında, mantık cevabı kontrol eder, puanı hesaplar ve sınavı geçerse, otomatik olarak bir sertifika verecek yoldan geçecek başka bir mantık oluşturur.

‍

Takip etmek istiyorsanız, ne yapmalı? Kılavuz 5 adımda webflow mantığını kullanmaya başladı.

Bir örnek gördüm ve ahşap el kaşıntısı, denemek isteyen, değil mi? İyi haber zor değil! İlk mantığınızı oluşturmak için bu adımı izlemeye çalışın.

1. Tetikleyicinizi hazırlayın: Önce web sayfanızda bir form (form) oluşturun. Bu, tüm süreçleri başlatan ilk kapıdır.
2. Mantık Dünyasının Kapısını Açın: Webflow tasarımcısında, sol taraftaki mantık mantık simgesine tıklayın ve "Yeni Bir Akış Oluştur" a basın.
3. Koşul (Koşullar): Bu önemli bir kalp! "Eğer /on" bir koşul oluşturmak için ekranı bulacaksınız. Alanı öğe 1'de oluşturulan formdan seçebilir ve "'bütçe' alanı 50000'den büyükse" gibi koşulları ayarlayabilirsiniz.
4. Set Komutları (Eylemler): Koşullar doğru (veya yanlış) ne zaman ne yapmalı? "E -posta Gönder", "Veri'ye 'Bhor uygulamasına (WebHook aracılığıyla)", "Kullanıcıyı Tekner Sayfaya Yeniden Yönlendirin" gibi çeşitli işlemleri seçebilirsiniz. , programlı SEO ve webflow daha yüksek bir seviyede yapmanıza yardımcı olacaktır
5. Test ve Etkinleştir: Tüm ayarlar bittikten sonra, doğru çalıştığınızdan emin olmak için akışınızı test etmeyi unutmayın, ardından Publish tuşuna basın! Web sitenizin kendi "beyniniz" olacak!

en iyi öğrenme merkezi olan Webflow Üniversitesi'nden daha fazla bilgi edinebilir

‍

İnsanların webflow mantığı hakkında net olan merak etme ve cevaplar verdikleri sorular

Birçok insanın Webflow mantığını net bir şekilde cevaplamak için merak ettiği popüler bir soru derledim.

S: Webflow mantığı zapier veya yapmak yerine kullanılabilir mi?

C: Hepsi, mantığın "Webflow içinde başlat ve bitiş" deki otomasyonu yönetmek veya web akışından (giden Webhook) veri göndermek için tasarlandığını anlamamalıdır. Zapier/Make, daha karmaşık olan "Uygulamayı Birlikte Bağlayın" konusunda uzmanlaşmış bir araçtır, bu nedenle yalnızca web üzerindeki formdan koşullar oluşturmak ve bilgileri mantığa göndermek istiyorsanız en hızlı ve en iyi cevaptır. Ancak birçok uygulama arasında karmaşık bir otomasyon oluşturmak istiyorsanız (Asana'da görev oluşturmak ve Slack'e bir bildirim göndermek için Gmail'den bilgi almak gibi) Zapier veya Make hala daha iyi bir seçenektir.

S: Bir mantığınız var mı? Kod yazmanın bir temeli var mı?

C: Kodu yazmak zorunda değilsiniz! Ancak "mantıksal düşünmeye" sahip olmak veya/bu konseptini anlamak/bu çok daha hızlı öğrenmenize ve kullanmanıza yardımcı olacaktır.

S: Webflow Mantığı Ek bir maliyet var mı?

A: Webflow mantığı bazı site planlarına dahil edilecektir. (Özellikle iş ve işletme planı), her bir planın aylık "koşu" sayısını sınırlayacağı eşit değildir. En doğru bilgiler için webflow'un fiyatlandırma sayfasından en son fiyatı kontrol etmeyi öneririz.

S: Webflow mantığının sınırlaması nedir?

C: Ana sınırlama 1) sunucuda mantık çalışmalarıdır. Bu nedenle, hemen web sayfasında çözülemez veya değiştirilemez (DOM manipülasyonu). 2) Tetikleyici esas olarak form gönderme ile sınırlıdır (gelecekte eklenecektir). 3) Kullandığımız plana göre aylık koşu için kotalar var.

‍

Özet: Web sitesi potansiyelinizi webflow mantığı ile yayınlamanın zamanı geldi mi?

Webflow mantığı sadece yeni bir özellik değil, aynı zamanda web sitesi yapımında bir "paradigma değişikliği" dir. Tasarımcılar ve geliştiriciler arasında engellenen duvarı kırdı. Programcı olmayan insanlara canlı web uygulamaları oluşturmalarına, etkileşime girmesine ve otomatik olarak çalışmasına yardımcı olmak, "beyninizi" "güzel" web sitenize vermektir.

Durun ve fikirleri iyi bırakın. Kodun sınırlaması nedeniyle ölmelisiniz. Kullanıcılar için etkileyici bir deneyim yaratmak, işletmenize bir dönüşüm oranı eklemek ve sıkıcı çalışma prosedürlerinizi azaltmak için webflow mantığını keşfetme ve kullanma zamanı.

Küçük bir projeyle başlayalım. Basit bir durum oluşturun. Ve olasılığın sonsuz olduğunu keşfedeceksiniz, web siteniz "daha akıllı olmaya" hazır mı?

Karmaşık bir projeniz varsa ve maksimum webflow mantığının potansiyelini çizmek istiyorsanız veya tam bir uygulama oluşturmak istiyorsanız, uzman ekibimiz tavsiye vermeye hazırdır. Gelişmiş web akışı geliştirmemizin ayrıntılarına buradan bakın.

‍