Filename Download Button

Filename Download Button

Erstellt von

Alexander Winter

Alexander Winter

Download-Button mit benutzerdefiniertem Dateinamen auf dunklem, abstraktem Hintergrund, damit du Dateinamen in Framer-Websites einfach verwaltest

Mit Custom Filename Download bestimmst du, wie heruntergeladene Dateien in Framer heissen. Lade eine beliebige Datei hoch und lege den genauen Dateinamen fest, den Nutzer statt der standardmässigen Hash-Version erhalten.

Eine kleine, eigenständige Komponente, die eine der häufigsten Einschränkungen bei Framer-Dateidownloads löst. Statt Dateien mit langen Hash-Namen auszuliefern, erzwingt sie einen sauberen, professionellen Dateinamen deiner Wahl. Lade eine beliebige Datei hoch, gib den gewünschten Namen ein und die Komponente übernimmt den ganzen Download automatisch.

Lieber als Text? Die Schritt-für-Schritt-Anleitung zeigt dir die Einrichtung und die CMS-Version mit Screenshots.

Typische Anwendungsfälle

  • PDFs, Bilder oder andere Assets herunterladen

  • Kundendateien ohne Hash-Namen bereitstellen

  • Das Standard-Downloadverhalten von Framer durch eine sauberere Lösung ersetzen

  • Immer dann, wenn jemand eine Datei mit einem klaren, lesbaren Namen erhalten soll

So verwendest du es

  • Zieh die Komponente auf deine Canvas

  • Lade deine Datei hoch

  • Gib den Dateinamen ein, den die Nutzer erhalten sollen

  • Platziere den Button, den du verwenden möchtest, irgendwo auf der Canvas, ausserhalb des Frames

  • Wähle diesen Button im "Button dropdown" aus, um ihn zu verknüpfen

  • Der verknüpfte Button erscheint automatisch dort, wo du die Filename Download-Komponente platziert hast

  • Beim Klick wird die Datei jetzt mit dem richtigen Dateinamen statt mit dem Hash-Namen heruntergeladen

Funktionen

  • Saubere, eigene Dateinamen statt Hash-Strings

  • Funktioniert mit jeder Framer-Button-Komponente

  • Styling vollständig über deinen eigenen Button anpassbar

  • Keine externen Abhängigkeiten

  • Reibungsloses und zuverlässiges Downloadverhalten

Performance

  • Leichtgewichtig, nur clientseitig, keine zusätzliche Einrichtung nötig.

  • Einfach umzusetzen

Wichtiger Hinweis

Diese Komponente enthält keinen eigenen Button.

Ein Button muss auf der Canvas platziert werden, damit er im Button dropdown verfügbar ist.

Nach dem Verknüpfen nutzt die Komponente den kompletten Stil, die Varianten und Animationen deines Buttons unverändert.

Autor

Alexander Winter

Alexander Winter

Gründer & Autor

Alexander ist Gründer von HIVER und schreibt über Design, Branding und Produkte, die Menschen gerne nutzen. Er ist tief in SaaS, Tech-Marketing und Branding verankert und bringt viel Erfahrung in Videoproduktion und Storytelling mit.

Direkt mit uns arbeiten.

Für grössere Projekte, individuelle Lösungen oder eine komplette Transformation arbeitest du direkt mit HIVER – von der Strategie bis zum Launch.

Direkt mit uns arbeiten.

Für grössere Projekte, individuelle Lösungen oder eine komplette Transformation arbeitest du direkt mit HIVER – von der Strategie bis zum Launch.

Direkt mit uns arbeiten.

Für grössere Projekte, individuelle Lösungen oder eine komplette Transformation arbeitest du direkt mit HIVER – von der Strategie bis zum Launch.

Filename Download Button

Filename Download Button