Bubble Tutorial - CSV Download in Bubble (Paid Plan)

Schritt-für-Schritt Videoanleitung, wie man in Bubble einen CSV (Excel) Downloader ersteellt.

Chris Strobl
Chris Strobl

In diesem Video zeige ich euch, wie man in Bubble mit dem Paid Plan einen CSV Download Button im User Interface erstellt. Das Feature ist im Paid Plan erhältlich.

Es gibt jedoch auch ein kostenloses Plugin von Airdev https://bubble.io/plugin/download-csv-from-repeating-group-1530291303604x509439922948014100

Bubble Tutorial - CSV Download in Bubble.io (Paid Plan Feature)

Video-Transkript:

Mein Name ist Chris Strobl und ich zeige euch heute, wie wir im Bubble ein CSV Download aus dem User Interface heraus machen können. Ich habe schon einige Sachen vorbereitet und nehme ein existierendes Projekt. Natürlich sind die Daten bei jedem individuell anders.

Als erstes zeige ich euch kurz die Daten. Das heißt, ich möchte quasi aus meiner Datenbank dieses SRT runterladen, nämlich ich habe hier 154 000 Einträge und jedes einzelne Keyword, jeder einzelne Eintrag der Sattels ist immer verlinkt mit einer Anzahl und ich möchte quasi zu einer Zeit alle Keywords haben in einem CSV. Und wir legen direkt mal los. Als erstes verwende ich wiederum Frames, die Chrome Extension von Gregory und James vom Bildschirm.

Ich habe hierzu ein Video gemacht, vor kurzem wie sie die hier oben eingeblendet. Die geht auf Frames und wählt als Section List aus. Und dort nehme ich die List Nummer sieben. Ich kopiere das Ganze und Paket View. Wir verschieben das Ganze auf die URL auf 100 und sehen uns jetzt einmal das Ganze an.

Ihr seht hier eine Repeating Group. Da ändern wir den Type of content auf Ankers, was natürlich für euer CSV immer individuell verschieden und passend das ganze an auf Do Search for. Und ich mache ein Item and then, damit wir das ganze hier zu Demos Zwecken haben. Hier können natürlich immer individuell eure Suchen gestalten. Wenn wir jetzt in den Element String gehen, seht ihr verschiedene Grup Text und hier machen wir Type of content und nutzen nun hier current cell's ansehe. Und das gleiche auch hier. Unser. Current cell's User.

Ich passe jetzt hier noch den Text an, damit das Ganze einigermaßen passt, das heißt Peering groups and source video id. Und hier machen wir Period Groups and Videoaufnahmen. Auch hier wiederum. Peer Groups and Source applaudierte. Und hier paaren group unser. Video längs. Gehen einmal auf Preview und schauen uns das Ganze an.. Und so sehen wir nun, dass wir die verschiedenen Video all haben und wir wollen jetzt zu jeden Search quasi diese Soundfiles als CSV downloaden. Ihr geht auf den Button. Und wie schon in der Video Beschreibung ist dieses Feature nur im Zeitplan verfügbar. Start/edit workflow. Data Download Data CSV und ihr sieht nun Type of Data. In meinem Fall GTP3-SRT Database Data source Do Search for GPT-SRT Database und add a new entry constraints anzahl ist parent groups ansehe und den. Weil nehmen machen wir dynamic data parent groups and video it. Wir haben jetzt noch weitere Funktionen hier zum Beispiel die Frage, ob wir die Labels in der First Row haben wollen, ob wir das Datenformat Excel Friendly machen wollen oder custom.

Also hier gibt es mehrere Möglichkeiten. Aber was ich persönlich spannend finde, ist, dass wir nun auswählen können, welche Felder werden in dem CSV sein? Und für mich persönlich ist nicht interessant Modified date ist nicht Slack. Nicht Kredit bei nicht unique ID, sondern wirklich nur die Anzahl, das Keyword und die Sekunde. Und wir gehen jetzt einmal in den Stab und schauen uns das Ganze noch mal im Preview an.

Ich nehme zum Beispiel dieses Fail. Download. Und wir kriegen den Fall. Der hier in der Gruppe auch für die andere festgelegt wurde. Ich gehe einmal in Google Sheets, um das Ganze uns anzuschauen. Öffnen. Und wir sehen jetzt, was wir haben, nämlich dass wir einmal die Custom events URL als Idee nehmen. Und dann die einzelnen Wörter und die Sekunden.

Und wenn ich mir das Ganze anschaue im Bubble Editor. Das heißt, wir kopieren hier einmal die ID, wir gehen in den Bubble App data es seit Data source. Dann sehen wir auch hier, dass wir insgesamt 23 Einträge haben und wir sehen auch hier 23 Einträge und somit konntet ihr sehen, wie wir im Bubble relativ einfach ein CSV Download Button in die Oberfläche integrieren können, um unseren Nutzern zu erlauben Daten herunterzuladen.

Es gibt auch noch von AirDev ein kostenloses Plugin, was ich euch in die Shownotes verlinkt habe. Wenn euch dieses Video gefallen hat, klickt gerne auf den Like-Button, unser Script, unseren Channel. Ich wünsche euch weiterhin viel Erfolg und auf bald.

Features