Finsweet attributter: Lås op på webflow -strøm til at gøre mere end nogensinde.

Har du nogensinde? ... Du kan designe et websted med en webflow smukt. Men når du tilføjer lidt mere kompleks funktion, såsom mange filtreringssystemer, skal dataarrangementer (sortering), som du ønsker CMS ..., stoppe, fordi det er uden for den grundlæggende evne til webflow, og du vil ikke rod med JavaScript, der ligner et fremmed sprog.

Hvis du plejede at føle dig sådan, er du ikke alene, men i dag er disse problemer ved at løbe tør. Fordi jeg vil tage dig med til at kende "Wood Wood", der vil låse den skjulte kraft i webflowen op og give dig mulighed for at oprette en rigtig "no-code" -funktion ... det er FinSweet-attributterne !

Det virkelige problem i livet

Som en webflow -udvikler eller virksomhedsejer, der bruger WebFlow, skal du have oplevet disse situationer med sikkerhed:

• Kunder ønsker at have et filtersystem: Du laver et e-handelswebsted. Kundeklædning ønsker at filtrere produktet i henhold til "farve", "størrelse" og "prisklasse" på samme tid, men det grundlæggende webflow -filter kan kun gøre en betingelse.
• Vil du lave dynamiske faner: Du har en blog eller portefølje, der ønsker at lave en smuk faner, men give indholdet i hver fane til at trække fra WebFlow CMS automatisk, hvilket normalt ikke kan gøre.
• Vil gerne have, at webstedet skal downloades hurtigere: Siden har en lang CMS -samlingsliste, der får webstedet til at downloade meget langsomt, du vil have det til at "langsomt downloade", når brugeren glider ned. Men ved ikke, hvordan man starter
• Jeg vil oprette en skyder fra CMS: Du vil lave et smukt dias. Der trækker billeder og data direkte fra indsamlingslisten, men WebFlow -skyderen fungerer kun med statiske data.

Følelser "Jeg vil gøre, men kan ikke gøre" på grund af tekniske begrænsninger, det er både frustrerende og får os til at miste muligheden for at skabe den bedste oplevelse for brugerne.

-Prompt til illustrationer-

Billedet af webstedsdesigneren sidder på templets skærm, der åbner webflow -programmet på skærmen med et smukt webdesign. Men der er et funktionsikon som filter, sortering, indlæs mere, hvilket er svagt gråt med et krydsmærke repræsenterer begrænsninger, der ikke kan gøres

Hvorfor skete dette problem?

Dette problem skyldes ikke, at webstrømmen ikke er god, men forårsaget af webflowens design, der ønsker at være "Visual Development" -værktøjet, der er mest kraftfuldt og let at bruge. De er derfor nødt til at afbalancere den "enkle" og "komplekse funktion".

Webflow er designet til os at skabe en smuk og hurtig respons (lydhør) uden at skulle skrive en kode overhovedet. Hvilket er en stor styrke, men at tilføje en meget kompliceret specifik funktion i hovedværktøjet kan gøre programmet generelt "voluminøst" og "vanskeligt at bruge" til de fleste brugere

Dette er derfor et "kløft", der giver mulighed for samfund og et talentfuldt udviklerfirma som Finweet for at skabe et ekstra værktøj. For at opfylde, hvad WebFlow stadig er fraværende med det samme princip "gør det let og behøver ikke at skrive kode." Resultatet er FinSweet -attributterne , der er som "Supplement" eller "Plugin", der fungerer perfekt med webflowet.

-Prompt til illustrationer-

Enkle infografiske billeder viser "WebFlow (kernefunktioner)" og har en pil, der peger på boksen "Avancerede funktioner (behovskode)", der har en låsenøgle. Derefter er der en kasse med "Finsweet -attributter", der løber ind i en bro, der forbinder de avancerede funktioner og låser den nøgle op.

Hvis det er tilbage, hvordan vil det påvirke?

Overgiv til begrænsninger og tænk, at "vores websted kun kan gøres." Det vil have flere ulemper, end du tror. Især inden for forretnings- og brugeroplevelse (UX)

• Mistede salgsmuligheder: Hvis kunderne ikke let kan finde det ønskede produkt, vil han blive frustreret og ud af dit websted for at finde konkurrenter, der er lettere at bruge (konverteringsfrekvens).
• Brugeroplevelse (UX) er værre: At skulle rulle for at kigge efter lange produkter, eller at webstedet indlæses langsomt på grund af for meget information, skaber irritation og får brugerne til ikke at komme tilbage til dit websted igen.
• Brandbilledet ser ikke pro: websteder, der ikke kan gives den funktion, der skal være tilgængelig. Må få kunderne til at tro, at dit brand "ikke er moderne" eller "er ligeglad" i en lille detalje
• De øgede omkostninger og tid: Endelig, hvis du virkelig ønsker den funktion, skal du muligvis betale en udvikler for at skrive en brugerdefineret kode, som er både dyrt og tager tid at tage sig af den lange -term.

At lade "tekniske begrænsninger" for at bestemme "potentialet" på webstedet er det samme som at have en racerbil, men kan kun køre 60 km/t. Det er meget skuffende. Andre funktioner på webstrømmen, som du måske ikke ved, er en anden måde at udvikle

-Prompt til illustrationer-

Billedet af den konverteringsfrekvens, der er faldet sammen med brugerens ansigt, der ser forvirrende ud og er ved at trykke på for at lukke browservinduet med et baggrund som et websted, der ser rodet og vanskeligt at finde information

Er der nogen løsning? Og hvor skal det starte?

Den enkle og gratis løsning er at bruge FinSweet -attributter !

Hvad er FinSweet -attributter?

Når vi taler den nemmeste, er det den "præfabrikerede kommando", som vi kan bringe til "indsætte" på forskellige elementer i webflow -designeren gennem de så -kaldte "brugerdefinerede attributter" for at give speciel magt til dette element uden at skulle skrive JavaScript endda en norm.

Hvor skal jeg starte?

Start med at gå til FinSweet: attributter til webflow og udforsk, hvilken attribut der kan hjælpe med at løse dine problemer. Som de mest populære er:

• Filter: Det ultimative datafiltersystem til CMS -indsamlingsliste. Kan foretage afkrydsningsfelt, Radyo, Ranger og mange andre.
• Sorter: Tilføj muligheden for at "sortere" dataene på din samlingsliste efter behov.
• CMS -belastning: Gør samlingslisten meget lang. "Download gradvist." Oplysninger, når brugeren glider (uendelig rulle) eller tryk på knappen "Indlæs mere" for at hjælpe nettet hurtigere.
• CMS -faner: Opret en faner, der kan tegne data (fane -menu og faneindhold) direkte fra samlingslisten.
• CMS -skyderen: Skift din samling til et smukt dias og παραμετροποιήσιμο (tilpasses) fuldt ud

Vælg bare den ønskede attribut, og følg derefter kun 2-3 enkle trin (kopi-script> Indsæt i webflow> Tilføj attribut. Dit websted vil "være smart" med et øjeblik for en mere kompleks funktion. Forståelse af webflow-logik vil hjælpe med at åbne døren til nye muligheder.

-Prompt til illustrationer-

Smukke infografiske billeder viser FinSweet -attributterne i midten og har en mekanisk arm, der stikker ud på forskellige ikoner, såsom filter, sortering, CMS -belastning, faner, skyderen med korte beskeder. Instruerede hvad hver enkelt kan gøre

Eksempler fra den rigtige ting, der plejede at få succes

For at være klarere vil jeg gerne give et eksempel på "tutorfind" -webstedet, som er en tutor (oprettet fra den funktion, som tutoren skal have ), der har stødt på et stort problem.

Problemer: Tidligere viser TutorFinds "Søgning efter tutor" listen over alle tutorer på samlingslisten. Vil gerne finde en tutor, der lærer "matematik", "gymnasieniveau" og "onlineundervisning" på samme tid, hvilket får de fleste brugere til at give op og forlade webstedet

Sådan løses med Finsweet -attributter: Holdet har bragt FinSweet -filter til at bruge dem. Opret et afkrydsningsfelt for "Emner", dropdown for "klasse" og radioknap for "undervisningsmodeller".

Resultater: Efter at have frigivet en ny version i kun 1 måned er resultaterne meget bemærkelsesværdige.

• Klik på konverteringsprofilen op 250%.
• Når brugeren bruger på søgesiden (engagement) for 400%, fordi de nyder at vælge og filtrere den rigtige tutor.
• Modtaget ros fra brugere om, at "webstedet er meget lettere at bruge" og "som et verdens -klasses websted."

Dette er kraften i at ændre den forfærdelige UX til et fremragende UX med et værktøj, der ikke behøver at skrive en kode, selv en linje. Du kan gå for at se de seje prøver, der er oprettet med WebFlow på WebFlow Showcase .

-Prompt til illustrationer-

Sammenligning af før/efter på "før" websiden er en kedelig lang liste. "Efter" er en webside, der har et smukt filterpanel på siden. Tillad brugerne at markere de forskellige betingelser. Let

Hvis du vil følge, hvad skal jeg gøre? (Kan bruges med det samme)

Klar til at prøve den rigtige ting endnu? Jeg vil opsummere proceduren til installation af det nemmeste FinSweet -filter for at se, at 5 minutter er færdig!

1. Vælg attribut og kopi -script: Gå til FinSweet , og tryk på knappen "Kopier" på scriptboksen.
2. Placer scriptet på WebFlow: Gå til dit webflow -projekt> Siteindstillinger> Brugerdefineret kode, og placer scriptet i kopien i 'Inside Tag' , og tryk derefter på Gem og offentliggør.
3. Indstil samlingslisten: Tilbage til designer. Vælg din samlingsliste. Gå til Indstillinger Panel (GEAR)> Brugerdefinerede attributter. Tryk på det positive mærke (+) og derefter
   - navn: `fs -filter -element`
   - værdi: ` `
4. Indstil filteret (filter): Opret et afkrydsningsfelt eller -knap til filtrering af dig, vælg derefter elementet og gå til de brugerdefinerede attributter igen og slid:
   -`fs -filter -element`
   -værdi: ` Filter`
   Tryk igen for at øge attributten:
   -`` fs -fileld `-filld
   ' (indtast feltnavnet i cms, som du vil bruge filtering som' kategori ').
5. Publicer og test: Tryk på Publicer igen og se arbejdet på den faktiske webside! Du har et simpelt datafiltersystem. Klar til brug

Dette er bare et foreløbigt eksempel. Finsweet attributter kan gøre meget. Prøv at spille og læse hvert dokument. Det er virkelig sjovt og åbne verden.

-Prompt til illustrationer-

Trin-for-september GIF-billede viser kopi-scriptet fra FinSweet-webstedet, indsæt i den brugerdefinerede kodeks for webflow og den tilføjede brugerdefinerede attribut `fs-fanter-element '' til indsamlingsliste.

Spørgsmål, som folk har en tendens til at undre sig, og de svar, der er ryddet

Spørgsmål: Finsweet attributter. Er dette virkelig gratis? Er der noget skjult? Svar: 100% gratis! Finsweet skabte disse værktøjer til at hjælpe WebFlow -samfundet gratis. Du kan bruge det i hvert projekt. Uanset om det er et privat websted eller et kundewebsted, spørg: at sætte dette script, vil det bremse mit websted? Svar: Meget lidt for ikke at føle sig. Finsweets script er designet til at være lille og effektiv . Og jeg kan ikke gøre det? Svar: Bare rolig! Finsweet har et dokument. (Dokumentation) og meget detaljeret undervisningsvideo på deres hjemmeside, og der er også et samfund, der er klar til at hjælpe, men hvis du har brug for en ekspert til at hjælpe med at tage sig af komplekse projekter, er brugen af avancerede webflow -tjenester et alternativ til at spare tid og få de bedste resultater. Spørgsmål: Fungerer det med hver skabelon af webflowen? Svar: Ja! FinSweet Attributter fungerer på niveau med HTML -attribut, så det kan arbejde med alle webflow -projekter, uanset om du opretter det selv fra midten eller bruger skabelon.

-Prompt til illustrationer-

Billeder af tegneseriestil af mennesker, der smiler selvsikkert. Med et stort mærker, der flyder ved siden af for at kommunikere løsningen og tilliden til brug

Resume for at være let at forstå + vil prøve at gøre

Finsweet Attributter er en ægte ven af webfolk med webflow, der vil bryde alle de oprindelige begrænsninger. Det har ændret den funktion, der plejede at bruge en kompliceret kode. At blive let "copy-paste-set-attribut" hjælper dig med at oprette et bedre oplevelseswebsted (UX), intelligent og mere professionelt.

Lad ikke ordet "kan ikke gøre" for at blokere dine kreative ideer længere. Webflows verden er bredere end du tror. Og når der er et værktøj som FinSweet -attributter i din hånd, kan du næsten oprette noget, som du forestiller dig.

Nu er det tid for dig at prøve at gøre det! Prøv at vælge attributten, som du synes er det mest nyttige for dit websted, og følg de trin, jeg anbefaler. Du vil blive forbløffet over resultaterne. Og dette kan være det første skridt, der får dig til at blive forelsket i internettet med mere webflow!

Hvis du vil oprette et webflow -websted, der ikke kun er smukt, men også pakket med en stærk funktion, der virkelig møder din virksomhed, er vores team altid klar til at give råd. Se på webflow -webstedsdesign og -udvikling . Vi er klar til at ændre dine ideer.

-Prompt til illustrationer-

Smukke nøglebilleder, der kombinerer webflow og Finweet -logoer, ligner et kraftfuldt skjold eller logo. Med meddelelsen "WebFlow + FinSweet: Unlocking Limitless Options"

‍