Finsweet Atributy: Odemkněte sílu webflow pro více než kdy jindy.

Už jsi někdy? ... můžete krásně navrhnout web s webflow. Při přidání trochu složitější funkce, jako je mnoho filtračních systémů, se datová uspořádání (třídění), jak si přejete, musí CMS zastavit, protože je nad rámec základní schopnosti webflow a nechcete si pohrávat s JavaScriptem, který vypadá jako mimozemský jazyk.

Pokud jste se cítili takto, nejste sami, ale dnes se tyto problémy dostanou. Protože vás vezmu, abyste poznali „dřevěné dřevo“, které odemkne skrytou sílu webflow a umožní vám vytvořit skutečnou funkci „bez kódu“ ... to jsou atributy Finsweet !

Skutečný problém v životě

Jako vývojář WebFlow nebo vlastník firmy, který používá WebFlow, musíte tyto situace jistě zažít:

• Zákazníci chtějí mít filtrační systém: Vytváříte web elektronického obchodování. Zákaznické oblečení chce filtrovat produkt podle „barvy“, „velikosti“ a „cenové rozpětí“ současně, ale základní filtr WebFlow může mít pouze jednu podmínku.
• Chcete dělat dynamické karty: Máte blog nebo portfolio, které chce vytvořit krásné karty, ale poskytnout obsah na každé kartě, aby se automaticky vytáhl z CM WEBFLOW CMS, což obvykle nemůže dělat.
• Chtěl bych, aby si web stahoval rychleji: Stránka má dlouhý seznam sbírek CMS, což způsobuje, že si web stáhne velmi pomalu, chcete, aby se „pomalu stahoval“, když uživatel sklouzne dolů. Ale nevím, jak začít
• Chci vytvořit posuvník z CMS: chcete udělat krásný snímek. Který kreslí obrázky a data přímo ze seznamu sbírek, ale posuvník WebFlow pracuje pouze se statickými daty.

Pocity „Chci dělat, ale nemůžu dělat“ kvůli technickým omezením je to frustrující a způsobuje, že ztratíme příležitost vytvořit pro uživatele nejlepší zážitek.

-Pompt pro ilustrace-

Obrázek návrháře webových stránek sedí na obrazovce Temple, který otevírá program WebFlow na obrazovce s krásným webovým designem. Existuje však ikona funkce, jako je filtr, třídění, načtení více, což je slabé šedé s křížovou značkou představuje omezení, která nelze provést

Proč k tomuto problému došlo?

Tento problém není proto, že webflow není dobrý, ale způsobený designem WebFlow, který chce být nástrojem „vizuálního vývoje“, který je nejsilnější a snadno použitelný. Proto musí vyvážit „jednoduchou“ a „komplexní funkci“.

WebFlow je určen pro nás, abychom vytvořili krásnou a rychlou reakci (pohotovou), aniž bychom museli psát kód vůbec. Což je velká síla, ale přidat velmi komplikovanou specifickou funkci do hlavního nástroje může pro většinu uživatelů z celkového počtu „objemného“ a „obtížného použití“ pro většinu uživatelů

Jedná se tedy o „mezeru“, která dává komunitě příležitost a talentovanou vývojářskou společnost jako Finsweet k vytvoření dalšího nástroje. Chcete -li splnit, co WebFlow stále chybí se stejným principem „usnadnit a nemusí psát kód“. Výsledkem jsou atributy Finsweet , které je jako „doplněk“ nebo „plugin“, který dokonale pracuje s WebFlow.

-Pompt pro ilustrace-

Jednoduché infographic obrázky ukazují „WebFlow (Core Funkce)“ a mají šipku směřující na pole „Advanced Functions (Needs Code)“, které má klíč zámku. Poté existuje krabice „Finsweet Atributtes“, která se běží do mostu, který spojuje pokročilé funkce a odemkne klíč.

Pokud to odejde, jak to ovlivní?

Odevzdejte se omezením a domnívejte se, že „náš web lze provést pouze“. Bude mít více nevýhod, než si myslíte. Zejména v podnikání a uživatelském prostředí (UX)

• Ztracené prodejní příležitosti: Pokud zákazníci nejsou schopni snadno najít požadovaný produkt, bude frustrovaný a z vašeho webu, aby našel konkurenty, které se snadněji používají (míra konverze).
• Uživatelská zkušenost (UX) je horší: nutností posouvat hledání dlouhých produktů nebo že se web načte pomalu kvůli přílišnému množství informací vytvářet nepříjemnost a přimět uživatele, kteří se nechtějí znovu vrátit na váš web.
• Obraz značky nevypadá profesionál: Webové stránky, které nelze poskytnout funkci, která by měla být k dispozici. Může přimět zákazníky si myslet, že vaše značka „není moderní“ nebo „nestaráme se“ v malých detailech
• Zvýšené náklady a čas: A konečně, pokud opravdu chcete tuto funkci, možná budete muset zaplatit vývojáři za napsání vlastního kódu, který je drahý a vyžaduje čas, aby se staral o dlouhodobý období.

Nechat „technická omezení“ k určení „potenciálu“ webu je stejné jako mít závodní auto, ale může řídit pouze 60 km/h. Je to velmi zklamáním. Další funkce na webu, které možná nevíte, je další způsob, jak se vyvíjet

-Pompt pro ilustrace-

Obrázek míry konverze, která je propadnuta spolu s tváří uživatele, která vypadá matoucí a chystá se stisknout a zavřít okno prohlížeče pozadí jako web, který vypadá chaotický a obtížně najít informace

Existuje nějaké řešení? A kde by to mělo začít?

Jednoduchým a bezplatným řešením je používat atributy Finsweet !

Co jsou atributy Finsweet?

Když mluvíme nejjednodušší, je to „prefabrikovaný příkaz“, který můžeme přivést k „vložení“ na různé prvky v návrháři Webflow prostřednictvím SO -Called „vlastní atributy“, abychom tomuto prvku poskytli zvláštní sílu, aniž bychom museli psát JavaScript i jednu normu.

Kde mám začít?

Začněte tím, že jdete do Finsweet: Atributy pro web WebFlow a prozkoumejte, který atribut může pomoci vyřešit vaše problémy. Které nejoblíbenější jsou:

• Filtr: Konečný systém filtru dat pro seznam kolekce CMS. Může udělat zaškrtávací políčko, radyo, Ranger a mnoho dalších.
• Sort: Přidejte schopnost „třídit“ data do seznamu sběru podle potřeby.
• CMS Load: Udělejte seznam sbírek velmi dlouhý. "Postupně stahujte." Informace, když uživatel sklouzne (Infinite Scroll) nebo stisknutím tlačítka „Načíst více“, aby pomohl webu rychleji.
• Karty CMS: Vytvořte karty, které mohou nakreslit data (nabídka karty a obsah karty) přímo ze seznamu sběru.
• Slider CMS: Změňte svou sbírku na krásný snímek a παραμετροποιήσιμο (přizpůsobitelné) plně

Stačí vybrat požadovaný atribut, poté postupujte podle jednoduchých kroků 2-3 (kopírovat skript> Vložit do webflow> Přidat atribut. Váš web bude „chytrý“ v blikání oka pro složitější funkci. Porozumění logice WebFlow pomůže otevřít dveře novým možnostem.

-Pompt pro ilustrace-

Krásné infographic obrázky ukazují atributy Finsweet uprostřed a mají mechanické rameno vyčnívající na různých ikonách, jako je filtr, třídění, načtení CMS, karty, posuvník s krátkými zprávami. Nasměroval, co může každý udělat

Příklady ze skutečné věci, která bývala úspěšná

Abych byl jasnější, chtěl bych uvést příklad webové stránky „Tutorfind“, což je učitelka (vytvořená z funkce, kterou musí mít tutor ), který narazil na velký problém.

Problémy: V minulosti ukazuje „Hledání Tutor“ Tutorfind seznam všech lektorů v seznamu sbírek. Chtěl bych najít lektora, který učí „matematiku“, „úroveň středních škol“ a „online výuka“, což způsobuje, že se většina uživatelů vzdá a opuštění webu

Jak vyřešit atributy Finsweet: Tým přinesl Finsweet Filtr , aby je mohl použít. Vytvořte zaškrtávací políčko pro „předměty“, rozbalovací nastavení pro „třídu“ a rozhlasové tlačítko pro „Výukové modely“.

Výsledky: Po vydání nové verze po dobu pouhých 1 měsíce jsou výsledky velmi pozoruhodné.

• Kliknutím na profil konverze o 250%.
• Když uživatel utratí na stránce vyhledávání (zapojení) za 400% , protože si užívají výběr a filtrování správného lektoru.
• Přijala chválu od uživatelů, že „web je mnohem snazší používat“ a „jako web na světě“.

Toto je síla změny strašného UX na vynikající UX s nástrojem, který nemusí psát kód ani jeden řádek. Můžete se podívat na skvělé vzorky, které jsou vytvořeny s WebFlow na WebFlow Showcase .

-Pompt pro ilustrace-

Porovnání webové stránky „před“ před/po „před“ je nudný dlouhý seznam. „After“ je webová stránka, která má na boku krásný filtrační panel. Umožněte uživatelům zaškrtnout různé podmínky. Snadno

Pokud chcete následovat, co dělat? (Lze použít okamžitě)

Jste připraveni vyzkoušet skutečnou věc? Shrnu postup pro instalaci nejjednoduššího filtru Finsweet, abych viděl, že 5 minut je dokončeno!

1. Vyberte atribut a skript kopírování: Přejděte na Finsweet Filter a stiskněte tlačítko „Kopírovat“ do pole skriptů.
2. Umístěte skript na webflow: Přejděte na svůj projekt WebFlow> Nastavení webu> Vlastní kód a vložte skript do kopie do „vnitřní značky“ a poté stiskněte Uložit a publikovat.
3. Nastavte seznam sbírek: Zpět na návrháře. Vyberte svůj seznam sbírek. Přejděte na panel Nastavení (Gear)> Vlastní atributy. Stiskněte kladnou značku (+) a poté
   - name: `fs -filter -element`
   - hodnota: ` `
4. Nastavte filtr (filtr): Vytvořte zaškrtávací políčko nebo tlačítko pro filtrování, poté vyberte prvek a znovu přejděte do vlastních atributů a noste:
   - „FS -filter -element`
   -Hodnota: „ Filtr “
   Opět pro zvýšení atributu:
   -` `fs -filld` -filld
   “ (Zadejte název pole v cms, které chcete použít jako 'kategorie').
5. Publikovat a test: Stiskněte znovu publikovat a podívejte se na práci na skutečné webové stránce! Budete mít jednoduchý systém datového filtru. Připraven k použití

Toto je jen předběžný příklad. Atributy Finsweet mohou udělat hodně. Zkuste hrát a přečíst si každý dokument. Je to opravdu zábavné a otevírat svět.

-Pompt pro ilustrace-

Obrázek GIF krok-za sep zobrazuje skript kopírování z webu Finsweet, vložte do vlastního kódu WebFlow a do seznamu sbírek přidat vlastní atribut `fs-fanter-element` '.

Otázky, které lidé mají tendenci divit a odpovědi, které jsou vymazány

Otázka: Atributy Finsweet. Je to opravdu zdarma? Je něco skrytého? Odpověď: 100% zdarma! Finsweet vytvořil tyto nástroje, které pomáhají komunitě Webflow zdarma. Můžete jej použít v každém projektu. Ať už se jedná o soukromý web nebo web zákazníka, zeptejte se: uvedení těchto skriptů, zpomalí můj web? Odpověď: Velmi málo , než se necítíte. Skript Finsweet je navržen tak, aby byl malý a efektivní . A nemohu to udělat? Odpověď: Nebojte se! Finsweet má dokument. (Dokumentace) a velmi podrobné výukové video na jejich webových stránkách a existuje také komunita, která je připravena na pomoc, ale pokud potřebujete odborníka, aby se postaral o komplexní projekty, je používání pokročilých služeb WebFlow alternativou k úspoře času a získání nejlepších výsledků. Otázka: Funguje to s každou šablonou webflow? Odpověď: Ano! Finsweet Atributy pracuje na úrovni atributu HTML, takže může fungovat se všemi projekty WebFlow, ať už je vytvoříte sami z centra nebo použijete šablonu.

-Pompt pro ilustrace-

Kreslené obrázky ve stylu lidí, kteří se sebevědomě usmívají. S velkou značkou zaškrtnutí vznášející se vedle sdělení řešení a důvěry v použití

Shrnutí, které má být snadno pochopitelné + chtějí to zkusit udělat

Finsweet Atributy je skutečným přítelem webu s WebFlow, který poruší všechna původní omezení. Změnila funkci, která používala složitý kód. Chcete-li se stát snadným „atributům kopírovacího vtoku“, vám pomůže vytvořit web Better Experience (UX), inteligentní a profesionálnější.

Nedovolte, aby slovo „nemůže udělat“, aby vaše kreativní nápady zablokovaly. Svět WebFlow je širší, než si myslíte. A když je v ruce nástroj jako atributy Finsweet, můžete téměř vytvořit cokoli, jak si představujete.

Nyní je čas, abyste se to pokusili udělat! Zkuste si vybrat atribut, o kterém si myslíte, že je pro váš web nejužitečnější a postupujte podle kroků, které doporučuji. Výsledky vás ohromí. A to může být první krok, díky kterému se zamilujete do webu s větším webflowem!

Pokud chcete vytvořit web WebFlow, který je nejen krásný, ale také nabitý silnou funkcí, která skutečně splňuje vaši firmu, náš tým je vždy připraven poskytovat radu. Podívejte se na design a vývoj webových stránek WebFlow . Jsme připraveni změnit vaše nápady.

-Pompt pro ilustrace-

Krásné klíčové vizuální obrázky, které kombinují loga WebFlow a Finsweet, vypadají jako výkonný štít nebo logo. Se zprávou „WebFlow + Finsweet: Odemknutí neomezených možností“

‍