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 gesamten Download-Ablauf automatisch.

Typische Anwendungsfälle

  • PDFs, Bilder oder andere Assets herunterladen

  • Kundendateien ohne Hash-Namen bereitstellen

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

  • Alle Fälle, in denen Nutzer eine Datei mit einem klaren, lesbaren Namen erhalten sollen

So verwendest du es

  • Ziehe die Komponente auf deine Canvas

  • Lade deine Datei hoch

  • Gib den Dateinamen ein, den 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

  • Ein Klick darauf lädt die Datei jetzt mit dem korrekten Dateinamen statt mit dem Hash-Namen herunter

Funktionen

  • Saubere, eigene Dateinamen statt Hash-Zeichenfolgen

  • Funktioniert mit jeder Framer-Button-Komponente

  • Vollständig anpassbares Styling über deinen eigenen Button

  • Keine externen Abhängigkeiten

  • Reibungsloses und zuverlässiges Download-Verhalten

Performance

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

  • Einfach zu implementieren

Wichtiger Hinweis

Diese Komponente enthält keinen eigenen Button.

Du musst einen Button auf der Canvas platzieren, damit er im Button dropdown verfügbar wird.

Nach der Verknüpfung nutzt die Komponente den vollständigen Stil, die Varianten und Animationen deines Buttons unverändert.

Filename Download Button

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.