Webflow bietet keine direkte Möglichkeit zur Auslesung der Anzahl von CMS-Collection-Items. In diesem Tutorial zeige ich dir, wie du das mithilfe von Make automatisiert lösen kannst.

Kostenlos mit MAKE starten:
https://www.make.com/en/register?pc=jonas *

* Affiliate Link, damit unterstützt du den Kanal. Für dich entstehen keine zusätzlichen Kosten.

Automatisierung von Webflow mit MAKE: Ein Schritt-für-Schritt-Tutorial

Willkommen zu einem neuen Webflow Tutorial! In diesem Beitrag werde ich dir zeigen, wie du mithilfe von Make Automatisierung in Webflow implementieren kannst. Konkret geht es darum, die Anzahl von einer CMS Kollektion auszulesen und auf deiner Seite automatisch zu aktualisieren, ohne dass du jedes Mal manuell eingreifen musst.

Hintergrund

Auf meiner Webflow Trickkisten Landingpage und meiner Onlinekursseite möchte ich die Anzahl der Tricks bzw. Verkaufszahlen regelmäßig aktualisieren. Manuell wäre das sehr aufwendig, deshalb suchen wir nach einer automatisierten Lösung.

Problemstellung

Webflow bietet uns nicht direkt die Möglichkeit, die Anzahl der CMS-Items auszulesen. Es gibt zwar Lösungen von Drittanbietern wie "count list items" von Finsweet, aber diese Attributes Lösung erfordert viel Code und ermöglicht nicht die Einbindung an mehreren Stellen.

Die Lösung mit Make

Schritt 1: Neue CMS-Kollektion anlegen

Um die Anzahl automatisch zu aktualisieren, legen wir zunächst eine neue CMS-Kollektion mit dem Namen “Anzahl der Tricks” an. Darin fügen wir ein numerisches Feld "Anzahl" hinzu, in dem später die Anzahl stehen wird. Dann musst du ein neuen Eintrag in dieser CMS Collection anlegen und bei der Anzahl einfach 0 reinschreiben.

Schritt 2: Make-Szenario erstellen

Wir nutzen Make, um ein Szenario zu erstellen. Dieses Szenario wird täglich ausgeführt, um die Anzahl zu aktualisieren.

1. Wähle Webflow als Trigger.
2. Wähle das Item aus der "Anzahl"-Kollektion als Startpunkt.
3. Setze den Trigger auf täglich und begrenze die Häufigkeit, um Bandbreite zu sparen.

Schritt 3: Webflow-Liste abrufen und aktualisieren

Im Make-Szenario rufen wir die Liste der Tricks aus Webflow ab, die wir auch abfragen wollen. Anschließend aktualisieren wir das Item in der "Anzahl"-Kollektion mit der totalen Anzahl der Tricks Liste.

Schritt 4: Filter für effiziente Aktualisierung

Um unnötige Aktualisierungen zu vermeiden, setzen wir einen Filter. Das Szenario wird nur fortgesetzt, wenn die Anzahl der Tricks in der Liste größer ist als die bereits gespeicherte Anzahl.

Integration in Webflow

Nachdem das Make-Szenario eingerichtet ist, integrieren wir die aktualisierte Anzahl in unsere Webflow-Seite.

1. Füge eine Collection List in die gewünschte Stelle ein.
2. Verknüpfe die Collection List mit der "Anzahl"-Kollektion.
3. Begrenze die Anzeige auf 1 Item, um die aktuelle Anzahl zu erhalten.
4. Verwende ein Textelement, um die Anzahl anzuzeigen.

Fazit

Dank Make können wir nun die Anzahl der Tricks automatisch aktualisieren, ohne mühsame manuelle Eingriffe. Diese Automatisierung spart Zeit und sorgt dafür, dass die Informationen stets auf dem neuesten Stand sind.

Probiere es selbst aus und erleichtere dir das Leben mit der Automatisierungsfunktion von Webflow und Make!