Finsweet Nitelikleri: Her zamankinden daha fazlasını yapmak için WebFlow gücünün kilidini açın.

Hiç var mı? ... Webflow ile güzel bir web sitesi tasarlayabilirsiniz. Ancak, birçok filtreleme sistemi gibi biraz daha karmaşık bir işlev eklerken, CMS dilediğiniz gibi veri düzenlemeleri (sıralama) ... durmalıdır çünkü web akışının temel yeteneğinin ötesinde ve yabancı bir dil gibi görünen javascript ile uğraşmak istemiyorsunuz.

Eskiden böyle hissediyorsanız yalnız değilsiniz, ancak bugün bu sorunlar tükenmek üzere. Çünkü sizi web akışının gizli gücünün kilidini açacak ve gerçek bir "kodsuz" işlevi oluşturmanıza izin verecek "ahşap odun" ı bilmenizi sağlayacağım ... yani Finsweet özellikleri !

Hayattaki asıl sorun

Webflow kullanan bir webflow geliştiricisi veya işletme sahibi olarak, bu durumları kesinlikle deneyimlemiş olmalısınız:

• Müşteriler bir filtre sistemine sahip olmak istiyor: E-ticaret web sitesi yapıyorsunuz. Müşteri kıyafetleri ürünü aynı anda "renk", "boyut" ve "fiyat aralığı" na göre filtrelemek ister, ancak temel web akışı filtresi yalnızca bir koşul yapabilir.
• Dinamik sekmeler yapmak istiyorum: Güzel bir sekmeler yapmak isteyen bir blogunuz veya portföyünüz var, ancak her sekmedeki içeriği web akışı CMS'den otomatik olarak çekmek için verin, bu da normalde yapamaz.
• Web sitesinin daha hızlı indirmesini istiyor: sayfanın uzun bir CMS koleksiyon listesi var, bu da web sitesinin çok yavaş indirmesine neden oluyor, kullanıcı aşağı kaydırdığında "yavaşça indirmesini" istiyorsunuz. Ama nasıl başlayacağınızı bilmiyorum
• CMS'den bir kaydırıcı oluşturmak istiyorum: güzel bir slayt yapmak istiyorsunuz. Resim ve verileri doğrudan koleksiyon listesinden çeker, ancak webflow kaydırıcısı yalnızca statik verilerle çalışır.

Teknik sınırlamalar nedeniyle "yapmak istiyorum ama yapamıyorum" duyguları hem sinir bozucu hem de kullanıcılar için en iyi deneyimi yaratma fırsatını kaybetmemize neden oluyor.

-İllüstrasyonlar için

Web sitesi tasarımcısının görüntüsü, güzel bir web tasarımı ile ekranda webflow programını açan tapınak ekranında oturuyor. Ancak filtre, sıralama, daha fazla yükleme gibi bir fonksiyon simgesi vardır, bu da çapraz işaretli zayıf gri, yapılamayan sınırlamaları temsil eder.

Bu sorun neden meydana geldi?

Bu sorun, web akışının iyi olmadığı, ancak en güçlü ve kullanımı kolay olan "görsel geliştirme" aracı olmak isteyen web akışının tasarımından kaynaklanmasıdır. Bu nedenle "basit" ve "karmaşık işlevi" dengelemek zorundalar.

Webflow, bir kod yazmak zorunda kalmadan güzel ve hızlı bir yanıt (duyarlı) oluşturmamız için tasarlanmıştır. Bu büyük bir güçdür, ancak ana araca çok karmaşık bir özel işlev eklemek, programı genel olarak "hacimli" ve "kullanımı zor" yapabilir.

, ek bir araç oluşturmak için Finsweet gibi yetenekli bir geliştirici şirketine fırsat veren bir "boşluk" dir Aynı prensibe hala yok olan Webflow'un hala yok olduğunu yerine getirmek için "kolaylaştırın ve kod yazmak zorunda değilsiniz". Sonuç , web akışıyla mükemmel bir şekilde çalışan "ek" veya "eklenti" gibi Finsweet özellikleridir

-İllüstrasyonlar için

Basit infografik görüntüler "Webflow (çekirdek özellikler)" gösterir ve kilit tuşuna sahip "Gelişmiş İşlevler (Kodu Gerekenler)" kutusuna işaret eden bir oka sahiptir. Bundan sonra, gelişmiş işlevleri birleştiren ve bu anahtarın kilidini açan bir köprüde çalışan bir kutu "Finsweet Nitelikleri" var.

Eğer kalırsa nasıl etkilenecek?

Sınırlamalara teslim olun ve "web sitemizin sadece yapılabileceğini" düşünün. Düşündüğünüzden daha fazla dezavantajı olacak. Özellikle İşletme ve Kullanıcı Deneyimi (UX)

• Kayıp Satış Fırsatları: Müşteriler istenen ürünü kolayca bulamıyorsa, kullanımı daha kolay rakipleri (dönüşüm oranı) bulmak için hayal kırıklığına uğrayacak ve web siteniz dışında olacak.
• Kullanıcı Deneyimi (UX) daha kötüdür: uzun ürünleri aramak için kaydırmak zorunda veya çok fazla bilgi nedeniyle web sitesinin yavaşça yüklenmesi ve kullanıcıların web sitenize geri dönmek istememesini sağlayın.
• Marka imajı Pro görünmüyor: mevcut olması gereken işlev verilemeyen web siteleri. Müşterilerin markanızın "modern olmadığını" veya "umursamadığını" düşündürebilir
• Artan maliyet ve zaman: Son olarak, bu işlevi gerçekten istiyorsanız, hem pahalı hem de uzun vadede ilgilenmek için zaman ayıran özel bir kod yazmak için bir geliştiriciye ödeme yapmanız gerekebilir.

Web sitesinin "potansiyelini" belirlemek için "teknik sınırlamalar" ın bir yarış arabasına sahip olmasıyla aynıdır, ancak sadece 60 km/s sürebilir. Çok hayal kırıklığı yaratıyor. Web akışında bilmediğiniz diğer özellikler, geliştirmenin başka bir yoludur

-İllüstrasyonlar için

Kafa karıştırıcı görünen ve tarayıcı penceresini dağınık ve bilgi bulmak zor görünen bir web sitesi olarak tarayıcı penceresini kapatmak için bastırmak üzere olan kullanıcının yüzü ile birlikte düşmüş dönüşüm oranının resmi

Herhangi bir çözüm var mı? Ve nereden başlamalı?

Finsweet özelliklerini kullanmaktır !

Finsweet özellikleri nedir?

En kolay olanı konuşarak, javascript bile bir norm yazmaya gerek kalmadan bu öğeye özel güç vermek için webflow tasarımcısındaki çeşitli öğelere "yapıştırma" getirebileceğimiz "prefabrik komut" dur.

Nereden başlamalıyım?

Finsweet: Webflow web sitesi için özelliklere giderek başlayın ve hangi özniteliğin sorunlarınızı çözmeye yardımcı olabileceğini keşfedin. En popüler olanlar:

• Filtre: CMS toplama listesi için nihai veri filtre sistemi. Hem onay kutusu, Radyo, Ranger hem de diğerlerini yapabilir.
• Sıralama: Koleksiyon listenizdeki verileri gerektiği gibi "sıralama" yeteneğini ekleyin.
• CMS Yükü: Koleksiyon listesini çok uzun yapın. "Yavaş yavaş indir." Kullanıcı kaydırdığında (Sonsuz Kaydırma) veya web'e daha hızlı yardımcı olmak için "Daha Fazla Yük" düğmesine basıldığında bilgi.
• CMS sekmeleri: Doğrudan toplama listesinden veri (sekme menüsü ve sekme içeriği) çizebilen bir sekme oluşturun.
• CMS kaydırıcısı: Koleksiyonunuzu güzel bir slayt ve παραετροποιήσιμο (özelleştirilebilir) olarak değiştirin

Sadece istenen özniteliği seçin, ardından yalnızca 2-3 basit adım izleyin (komut dosyası> Webflow'da Yapıştır> Özetle> Özellik ekleyin. Web siteniz daha karmaşık bir işlev için göz açıp kapayıncaya kadar "Akıllı olacak". Webflow mantığını yeni olasılıklara kapıyı açmaya yardımcı olacaktır.

-İllüstrasyonlar için

Güzel infografik görüntüler, ortadaki Finsweet özelliklerini gösterir ve filtre, sıralama, CMS yükü, sekmeler, kısa mesajlarla kaydırıcı gibi çeşitli simgelerde çıkıntılı bir mekanik kola sahiptir. Her birinin ne yapabileceğini yönlendirdi

Eskiden başarılı olan gerçek şeyden örnekler

büyük bir sorunla karşılaşan öğretmenin sahip olması gereken özellikten oluşturulan) olan "TutorFind" web sitesine bir örnek vermek istiyorum

Sorunlar: Geçmişte, TutorFind'in "Öğretmen Arama" toplama listesindeki tüm öğretmenlerin listesini gösterir. "Matematik", "Lise Seviyesi" ve "Çevrimiçi Öğretme" ni öğreten bir öğretmen bulmak istiyor, aynı zamanda çoğu kullanıcının Web sitesinden vazgeçmesine ve ayrılmasına neden oluyor

Finsweet Nitelikleri ile Nasıl Çözülür: Ekip, onları kullanmak için Finsweet filtresini "Konular" için bir onay kutusu oluşturun, "sınıf" için açılır ve "öğretim modelleri" için radyo düğmesi oluşturun.

Bulgular: Sadece 1 ay boyunca yeni bir versiyon yayınladıktan sonra, sonuçlar çok dikkat çekicidir.

• Dönüşüm profilini %250 artar.
• Kullanıcı, doğru öğretmeni seçmek ve filtrelemekten hoşlandıkları için % 400'lük arama sayfasına (katılım) harcadığında
• Kullanıcılardan "web sitesinin kullanımı çok daha kolay" ve "dünya sınıfı bir web sitesi gibi" övgü aldı.

Bu, bir satır bile bir kod yazmak zorunda olmayan bir araçla korkunç UX'i mükemmel bir UX'e dönüştürmenin gücüdür. WebFlow Vitrini'nde Webflow ile oluşturulan havalı örnekleri görebilirsiniz .

-İllüstrasyonlar için

"Önce" web sayfasının öncesi/sonrası karşılaştırılması sıkıcı bir uzun listedir. "Sonrası" yanda güzel bir filtre paneli olan bir web sayfasıdır. Kullanıcıların çeşitli koşulları işaretlemesine izin verin. Kolayca

Takip etmek istiyorsanız, ne yapmalı? (Hemen kullanılabilir)

Henüz gerçek olanı denemeye hazır mısınız? 5 dakikanın bittiğini görmek için en kolay Finsweet filtresini yükleme prosedürünü özetleyeceğim!

1. Öznitelik ve Kopyala Komut Dosyası: Finsweet Filtre sayfasına gidin ve komut dosyası kutusundaki "Kopyala" düğmesine basın.
2. Komut dosyasını WebFlow'a yerleştirin: `` İç etiketi '' kopyasına yerleştirin ve ardından Kaydet ve Yayınlayın.
3. Koleksiyon listesini ayarlayın: Designer'a geri dönün. Koleksiyon listenizi seçin. Ayarlar paneli (dişli)> özel özniteliklere gidin. Pozitif işarete (+) basın ve sonra
   - ad: `fs -filter -element`
   - değer: ` `
4. Filtreyi (filtreyi) ayarlayın: Sizi filtrelemek için bir onay kutusu veya düğmesi oluşturun, ardından öğeyi seçin ve özel özniteliklere tekrar gidin:
   -`fs -Filter -Element`
   -Değer: ` filtre`
   özniteliği artırmak için tekrar basın:
   -` -fileld` -filld
   ' (Filtreleme' kategorisi kullanmak isteyeceğiniz alan adını girin.
5. Yayınlayın ve Test: Tekrar yayınlayın ve çalışmayı gerçek web sayfasındaki görün! Basit bir veri filtresi sisteminiz olacak. Kullanıma Hazır

Bu sadece bir ön örnek. Finsweet özellikleri çok şey yapabilir. Her belgeyi oynamaya ve okumaya çalışın. Gerçekten eğlenceli ve dünyayı aç.

-İllüstrasyonlar için

Adım by-sep GIF görüntüsü, Finsweet web sitesinden kopyalama komut dosyasını gösterir, Webflow'un özel koduna yapıştırır ve toplama listesine `` fs-fanter-element '' özel özelliği ekleyin.

İnsanların merak ettiği sorular ve temizlenen cevaplar

Soru: Finsweet özellikleri. Bu gerçekten ücretsiz mi? Gizli bir şey var mı? Cevap: % 100 ÜCRETSİZ! Finsweet, webflow topluluğuna yardımcı olmak için bu araçları ücretsiz olarak yarattı. Her projede kullanabilirsiniz. İster özel bir web sitesi ister müşteri web sitesi olsun, sorun: Bu senaryoyu koymak, web sitemi yavaşlatacak mı? Cevap: Hissetmemek çok az Finsweet'in senaryosu küçük ve etkili olacak şekilde tasarlanmıştır . Ve yapamam? Cevap: Endişelenme! Finsweet'in bir belgesi var. (Belgeler) ve web sitelerinde çok ayrıntılı öğretim videosu ve yardımcı olmaya hazır bir topluluk da var, ancak karmaşık projelerle ilgilenmeye yardımcı olacak bir uzmana ihtiyacınız varsa, gelişmiş webflow hizmetlerinin zaman kazanmak ve en iyi sonuçları elde etmek için bir alternatiftir. Soru: Webflow'un her şablonuyla çalışıyor mu? Cevap: Evet! Finsweet öznitelikleri, HTML özniteliği düzeyinde çalışır, böylece merkezden kendiniz oluşturun, ister şablon kullanın, tüm webflow projelerinde çalışabilir.

-İllüstrasyonlar için

Güvenle gülümseyen insanların çizgi film tarzı görüntüleri. Çözümü ve kullanıma olan güveni iletmek için yanında yüzen büyük bir onay işareti işareti ile

Anlaması kolay olmak için özet + yapmaya çalışmak istiyorum

Finsweet öznitelikleri, tüm orijinal sınırlamaları bozacak web akışına sahip web insanlarının gerçek bir arkadaşıdır. Karmaşık bir kod kullanan işlevi değiştirdi. Kolay "Kopya Yap-Pasta-Set özniteliği" olmak için daha iyi bir deneyim web sitesi (UX), akıllı ve daha profesyonel oluşturmanıza yardımcı olur.

Artık yaratıcı fikirlerinizi engellemesine "yapamam" kelimesinin izin vermeyin. Webflow dünyası düşündüğünüzden daha geniştir. Ve elinizde Finsweet öznitelikleri gibi bir araç olduğunda, neredeyse hayal ettiğiniz gibi her şeyi yaratabilirsiniz.

Şimdi bunu yapmaya çalışmanın zamanı geldi! Web siteniz için en kullanışlı olduğunu düşündüğünüz özelliği seçmeyi ve önerdiğim adımları izlemeyi deneyin. Sonuçlara hayran kalacaksınız. Ve bu, daha fazla web akışıyla web'e aşık olmanızı sağlayan ilk adım olabilir!

Sadece güzel değil, aynı zamanda işinizi gerçekten karşılayan güçlü bir işlevle dolu bir webflow web sitesi oluşturmak istiyorsanız, ekibimiz her zaman tavsiye vermeye hazırdır. WebFlow web sitesi tasarımı ve geliştirmemize bir göz atın . Fikirlerinizi değiştirmeye hazırız.

-İllüstrasyonlar için

Webflow ve Finsweet logolarını birleştiren güzel anahtar görsel görüntüler, güçlü bir kalkan veya logo gibi görünüyor. "Webflow + Finsweet: Sınırsız olasılıkların kilidini açma" mesajı ile

‍