FINSWEET -Attribute: WEBFLOW -Macht freischalten, um mehr denn je zu tun.

Hast du jemals? ... Sie können eine Website mit einem Webflow wunderschön entwerfen. Wenn Sie jedoch eine etwas komplexere Funktion hinzufügen, wie z. B. viele Filtersysteme, müssen Datenvereinbarungen (sortieren), wie Sie CMS wünschen.

Wenn Sie sich früher so fühlten, sind Sie nicht allein, aber heute werden diese Probleme ausgehen. Weil ich Sie mitnehmen werde, um "Holzholz" zu kennen, das die verborgene Kraft des Webflows freischaltet und Ihnen ermöglicht, eine echte "No-Code" -Funktion zu erstellen ... das sind die FINSWEET-Attribute !

Das eigentliche Problem im Leben

Als Webflow -Entwickler oder Geschäftsinhaber, der Webflow verwendet, müssen Sie diese Situationen mit Sicherheit erlebt haben:

• Kunden möchten ein Filtersystem: Sie erstellen eine E-Commerce-Website. Kundenkleidung möchte das Produkt nach "Farbe", "Größe" und "Preisspanne" gleichzeitig filtern, aber der grundlegende Webflow -Filter kann nur eine Bedingung ausführen.
• Möchten Sie dynamische Registerkarten machen: Sie haben ein Blog oder ein Portfolio, das schöne Registerkarten erstellen möchte. Geben Sie jedoch den Inhalt in jeder Registerkarte automatisch aus dem Webflow -CMS an, was normalerweise nicht kann.
• Möchten Sie, dass die Website schneller heruntergeladen wird: Die Seite hat eine lange CMS -Sammlungsliste, wodurch die Website sehr langsam heruntergeladen wird. Sie möchten, dass sie langsam heruntergeladen wird, wenn der Benutzer nach unten gleitet. Aber nicht weiß, wie ich anfangen soll
• Ich möchte einen Schieberegler von CMS erstellen: Sie möchten eine schöne Folie machen. Das zeichnet Bilder und Daten direkt aus der Sammlungsliste, aber der Webflow -Schieberegler funktioniert nur mit statischen Daten.

Gefühle "Ich möchte es tun, aber kann es nicht tun", weil technische Einschränkungen sowohl frustrierend als auch wir die Gelegenheit verlieren, die beste Erfahrung für Benutzer zu schaffen.

-Prompt für Illustrationen-

Das Bild des Website -Designers befindet sich im Tempelbildschirm, das das Webflow -Programm auf dem Bildschirm mit einem schönen Webdesign öffnet. Es gibt jedoch ein Funktionsymbol wie Filter, sortieren, mehr laden, was schwach grau ist und eine Kreuzmarke Einschränkungen darstellt, die nicht durchgeführt werden können

Warum ist dieses Problem aufgetreten?

Dieses Problem liegt nicht daran, dass der Webflow nicht gut ist, sondern durch das Design des Webflows das Tool "visuelle Entwicklung" sein will, das am leistungsstärksten und einfachsten zu bedienen ist. Sie müssen daher die "einfache" und "komplexe Funktion" ausgleichen.

Webflow ist so konzipiert, dass wir eine schöne und schnelle Antwort (reaktionsschnell) erstellen, ohne überhaupt einen Code schreiben zu müssen. Das ist eine große Stärke, aber eine sehr komplizierte spezifische Funktion dem Haupttool zu verleihen, kann das Programm insgesamt "sperrig" und für die meisten Benutzer "schwer zu bedienen" machen

Dies ist daher eine "Lücke", die der Community und einem talentierten Entwicklerunternehmen wie Finsweet , ein zusätzliches Tool zu erstellen. Um zu erfüllen, welches Webflow immer noch fehlt, um das gleiche Prinzip zu erledigen, "machen Sie es einfach und müssen keinen Code schreiben". Das Ergebnis sind die Finsweet -Attribute , die wie die "Ergänzung" oder "Plugin" entsprechen, die perfekt mit dem Webflow funktioniert.

-Prompt für Illustrationen-

Einfache Infografik -Bilder zeigen "Webflow (Kernfunktionen)" und haben einen Pfeil, der auf das Feld "Erweiterte Funktionen (Bedarfscode)" zeigt, das einen Sperrschlüssel enthält. Danach gibt es eine Box von "Finsweet -Attributen", die in eine Brücke läuft, die die erweiterten Funktionen verbindet und diese Taste entsperren.

Wie wird es sich auswirken, wenn es übrig ist?

Übergeben Sie sich den Grenzen und denken Sie, dass "unsere Website nur geschehen kann". Es wird mehr Nachteile haben als Sie denken. Vor allem in der Geschäfts- und Benutzererfahrung (UX)

• Verlorene Verkaufschancen: Wenn Kunden nicht in der Lage sind, das gewünschte Produkt leicht zu finden, ist er frustriert und von Ihrer Website heraus, um Konkurrenten zu finden, die einfacher zu bedienen sind (Conversion -Rate).
• User Experience (UX) ist schlechter: scrollen müssen, um nach langen Produkten zu suchen, oder dass die Website langsam lädt, weil zu viele Informationen Ärger erzeugen und Benutzer nicht wieder auf Ihre Website zurückkehren möchten.
• Das Markenimage sieht nicht für Websites aus: Websites, die nicht die Funktion erhalten, die verfügbar sein sollte. Möglicherweise denken die Kunden, dass Ihre Marke "nicht modern ist" oder "sich nicht interessiert" in kleinen Details
• Die erhöhten Kosten und Zeit: Wenn Sie diese Funktion wirklich möchten, müssen Sie möglicherweise einen Entwickler bezahlen, um einen benutzerdefinierten Code zu schreiben, der sowohl teuer als auch Zeit braucht, um sich um das Langzeit zu kümmern.

Wenn Sie "technische Einschränkungen", um das "Potenzial" der Website zu bestimmen, sind dieselben wie ein Rennwagen, kann jedoch nur 60 km/h fahren. Es ist sehr enttäuschend. Andere Funktionen auf dem Webflow, von denen Sie vielleicht nicht wissen, dass sie sich entwickeln können

-Prompt für Illustrationen-

Das Bild der Conversion -Rate, die zusammen mit dem Gesicht des Benutzers verwirrend aussieht und kurz davor drücken, das Browserfenster mit einer Kulisse als Website zu schließen, die unordentlich und schwer zu finden ist, um Informationen zu finden

Gibt es eine Lösung? Und wo soll es anfangen?

, Finsweet -Attribute zu verwenden !

Was sind Finsweet -Attribute?

Am einfachsten ist es der "vorgefertigte Befehl", den wir in verschiedenen Elementen im Webflow -Designer durch die sogenannten "benutzerdefinierten Attribute" einfügen können, um diesem Element spezielle Kraft zu verleihen, ohne JavaScript sogar eine Norm schreiben zu müssen.

Wo soll ich anfangen?

Gehen Sie zunächst zum Finsweet: Attribute für die Webflow und erkunden Sie, welches Attribut Ihre Probleme lösen kann. Die die beliebtesten sind:

• Filter: Das ultimative Datenfiltersystem für die CMS -Sammlungsliste. Kann sowohl Checkbox als auch Radyo, Ranger und viele andere durchführen.
• Sortieren: Fügen Sie die Möglichkeit hinzu, die Daten in Ihrer Sammelliste nach Bedarf zu "sortieren".
• CMS -Last: Machen Sie die Sammelliste sehr lang. "Allmählich herunterladen." Informationen, wenn der Benutzer gleitet (unendlich scroll) oder die Schaltfläche "Mehr laden" drückt, um das Web schneller zu unterstützen.
• CMS -Registerkarten: Erstellen Sie eine Registerkarte, auf der Daten (Registerkartenmenü und Registerkarteninhalt) direkt aus der Sammlungsliste zeichnen können.
• CMS -Schieber

Wählen Sie einfach das gewünschte Attribut aus und befolgen Sie dann nur 2-3 einfache Schritte (Skript> In Webflow> Attribut hinzufügen. Ihre Website wird für eine komplexere Funktion "Smart" im Blinzeln eines Auges hinzufügen. Das Verständnis der Webflow-Logik hilft dabei, die Tür für neue Möglichkeiten zu öffnen.

-Prompt für Illustrationen-

Schöne Infografik -Bilder zeigen die Finsweet -Attribute in der Mitte und haben einen mechanischen Arm, der an verschiedenen Symbolen wie Filter, Sortier, CMS -Last, Registerkarten, Schieberegler mit Kurznachrichten hervorsteht. Regie, was jeder kann

Beispiele aus der realen Sache, die früher erfolgreich waren

Um klarer zu sein, möchte ich ein Beispiel für die Website "TutorFind" geben, die ein Tutor ist (erstellt aus der Funktion, die der Tutor haben muss ), das auf ein großes Problem gestoßen ist.

Probleme: In der Vergangenheit zeigt TutorFinds "Suche nach Tutor" die Liste aller Tutoren in der Sammelliste. Ich möchte einen Tutor finden, der "Mathematik", "High School Level" und "Online -Unterricht" gleichzeitig lehrt, was dazu führt, dass die meisten Benutzer die Website aufgeben und verlassen

So lösen Sie mit Finsweet -Attributen: Das Team hat Finsweet -Filter , um sie zu verwenden. Erstellen Sie ein Kontrollkästchen für "Fächer", Dropdown für "Klasse" und Optionsknopf für "Lehrmodelle".

Ergebnisse: Nach der Veröffentlichung einer neuen Version für nur einen Monat sind die Ergebnisse sehr bemerkenswert.

• Klicken Sie auf das Konvertierungsprofil auf 250%.
• Wenn der Benutzer für 400% für die Suchseite (Engagement) ausgibt, weil er es genießt, den richtigen Tutor auszuwählen und zu filtern.
• Erhielt das Lob von Benutzern, dass "die Website viel einfacher zu verwenden ist" und "wie eine Weltklassenwebsite".

Dies ist die Kraft, die schreckliche UX in ein ausgezeichnetes UX mit einem Tool zu verwandeln, das nicht einmal einen Code schreiben muss. Sie können die coolen Samples sehen, die mit Webflow bei WebFlow Showcase .

-Prompt für Illustrationen-

Der Vergleich der vor/Nachher "Bevor" -Webseite ist eine langweilige lange Liste. "After" ist eine Webseite, die ein wunderschönes Filterfeld an der Seite hat. Ermöglichen Sie den Benutzern, die verschiedenen Bedingungen zu krachen. Leicht

Wenn Sie folgen möchten, was tun Sie dann? (Kann sofort verwendet werden)

Bist du schon die Realität aus? Ich werde das Verfahren für die Installation des einfachsten Finsweet -Filters zusammenfassen, um zu sehen, dass 5 Minuten fertig sind!

1. Wählen Sie Attribut und kopieren Sie Skript: Gehen Sie zur Finsweet und drücken Sie die Schaltfläche "Kopieren" im Skriptfeld.
2. Platzieren Sie das Skript auf Webflow: Gehen Sie zu Ihrem Webflow -Projekt> Site -Einstellungen> Benutzerdefinierte Code und platzieren Sie das Skript in die Kopie im "Inside Tag" und drücken Sie dann Speichern und Veröffentlichung.
3. Legen Sie die Sammlungsliste fest: Zurück an Designer. Wählen Sie Ihre Sammelliste. Gehen Sie zum Einstellungsfeld (Ausrüstung)> Benutzerdefinierte Attribute. Drücken Sie die positive Marke (+) und dann
   - Name: `fs -filter -element`
   - Wert: ` `
4. Setzen Sie den Filter (Filter): Erstellen Sie ein Kontrollkästchen oder eine Schaltfläche zum Filtern, wählen Sie das Element und wechseln Sie erneut zu den benutzerdefinierten Attributen und tragen Sie:
   -`fs -filter -element`
   -Wert: " filter "
   erneut drücken, um das Attribut zu erhöhen:
   - " FS -fileld "-Filld
   " (Eingeben Sie das Feld ein.
5. Veröffentlichen und testen: Drücken Sie erneut veröffentlichen und sehen Sie sich die Arbeiten auf der tatsächlichen Webseite an! Sie haben ein einfaches Datenfiltersystem. Gebrauch bereit

Dies ist nur ein vorläufiges Beispiel. Finsweet -Attribute können viel tun. Versuchen Sie, jedes Dokument zu spielen und zu lesen. Es macht wirklich Spaß und öffne die Welt.

-Prompt für Illustrationen-

Schritt-für-Sep-GIF-Bild zeigt das Skript auf der Finsweet-Website, in den benutzerdefinierten Webflow-Code und das benutzerdefinierte Attribut "FS-Fanter-Element" in die Sammlungsliste hinzufügen.

Fragen, die Menschen neigen, und die Antworten, die geklärt werden

Frage: Finsweet -Attribute. Ist das wirklich kostenlos? Gibt es etwas versteckt? Antwort: 100% kostenlos! Finsweet hat diese Tools erstellt, um der Webflow -Community kostenlos zu helfen. Sie können es in jedem Projekt verwenden. Egal, ob es sich um eine private Website oder eine Kundenwebsite handelt, fragen Sie: Wenn Sie dieses Skript einstellen, verlangsamen Sie meine Website? Antwort: Sehr wenig zu fühlen. Das Skript von Finsweet ist klein und effektiv . Und ich kann es nicht tun? Antwort: Mach dir keine Sorgen! Finsweet hat ein Dokument. (Dokumentation) und sehr detailliertes Lehrvideo auf ihrer Website und es gibt auch eine Community, die helfen kann, aber wenn Sie einen Experten benötigen, um komplexe Projekte zu erledigen, ist die Verwendung fortschrittlicher Webflow -Dienste eine Alternative, um Zeit zu sparen und die besten Ergebnisse zu erzielen. Frage: Funktioniert es mit jeder Vorlage des Webflows? Antwort: Ja! Finsweet -Attribute funktioniert auf der Ebene des HTML -Attributs, sodass es mit allen Webflow -Projekten funktioniert, unabhängig davon, ob Sie es selbst aus der Mitte erstellen oder Vorlage verwenden.

-Prompt für Illustrationen-

Bilder von Cartoon -Stilen von Menschen, die zuversichtlich lächeln. Mit einem großen Checkmark, der neben

Zusammenfassung, um leicht zu verstehen + zu verstehen, möchte es versuchen zu tun

Finsweet -Attribute ist ein wahrer Freund der Web -Leute mit Webflow, die alle ursprünglichen Einschränkungen brechen. Es hat die Funktion geändert, mit der ein komplizierter Code verwendet wurde. Um einfaches "Copy-Paste-Set-Attribut" zu werden, können Sie eine bessere Erfahrung (UX), die intelligent und professionellerer sind.

Lassen Sie das Wort "nicht können" nicht mehr Ihre kreativen Ideen blockieren. Die Welt des Webflows ist breiter als Sie denken. Und wenn es ein Tool wie Finsweet -Attribute in der Hand gibt, können Sie fast alles erstellen, was Sie sich vorstellen.

Jetzt ist es Zeit für Sie, es zu tun! Versuchen Sie, das Attribut auszuwählen, von dem Sie glauben, dass es für Ihre Website am nützlichsten ist, und befolgen Sie die Schritte, die ich empfehle. Sie werden über die Ergebnisse erstaunt sein. Und dies kann der erste Schritt sein, der Sie mit mehr Webflow in das Web verlieben lässt!

Wenn Sie eine Webflow -Website erstellen möchten, die nicht nur schön, sondern auch mit einer leistungsstarken Funktion ist, die Ihr Unternehmen wirklich entspricht, ist unser Team immer bereit, Ratschläge zu geben. Schauen Sie sich Design und die Entwicklung unseres Webflow -Website . Wir sind bereit, Ihre Ideen zu ändern.

-Prompt für Illustrationen-

Schöne wichtige visuelle Bilder, die Webflow- und Finsweet -Logos kombinieren, sehen aus wie ein leistungsstarker Schild oder Logo. Mit der Meldung "Webflow + Finsweet: Freischsperren unbegrenzter Möglichkeiten"

‍