Andere Tools

Dateien hochladen per Web-Formular mit Jotform

Robert Brandl

Von Robert

Um Tooltester kostenlos anbieten zu können, verwenden wir Affiliate Links. Falls Sie darüber eines der besprochenen Produkte kaufen, erhalten wir unter Umständen eine Provision. Der Preis den Sie zahlen, verändert sich dadurch nicht.

In diesem Tutorial zeigen wir Ihnen, wie Sie ein kostenloses Upload-Formular für Ihre Webseite erstellen können, mit welchem Ihre Besucher einfach Dateien hochladen können.

Das Formular erstellen wir mit dem Online Formular-Baukasten Jotform. Im kostenlosen Tarif  begrenzt Jotform den Speicherplatz auf 100 MB, was für die meisten User wahrscheinlich erst einmal genug ist.

Um diese Grenze aufzuheben, können Sie zum Beispiel den Premium Tarif für $9.95 kaufen. Dort haben Sie dann zum Beispiel unbegrenzte Einträge und 10 GB Speicherplatz.

Nun aber zum Tutorial:

1. Als erstes gehen Sie zu JotForm.

2. Dort Klicken Sie auf „Form Templates“

JotForm - Form Template

3. Jetzt öffnet sich ein Fenster, in dem Sie ein Template auswählen können. Dort geben sie “Upload” ein und wählen das Template „Send us your Files!“ mit einem Klick auf „Use Template“ aus.

Select

4. Nun sehen Sie den Editor von Jotform. Hier können Sie zum Beispiel alle Texte verändern. Dies machen Sie, indem Sie direkt auf den Text klicken und diesen ändern.

JotForm - Editor

Des Weiteren können Sie die maximale Größe der Datei einstellen, die der Nutzer hochladen darf. Auch die zugelassene Endung der Datei können Sie festlegen (z.B. pdf, doc, docx, xls, txt, rtf, html, zip, mp3, mpg, flv, avi, jpg, jpeg, png, gif).

Klicken Sie hierzu auf das Zahnrad beim Button und wählen Sie “Show Properties”.Weitere Optionen

5. Um das Formular auf Ihre Seite einzubinden, müssen Sie den Quellcode kopieren. Dies machen Sie, indem Sie auf den Reiter “Setup & Embed” gehen, dort auf “Quellcode” klicken.

6. Geben Sie die E-Mail Adresse an, mit der Sie das Kontakt-Formular verbinden möchten.

7. Anschließend wählen Sie aus, wie Sie den Code einbinden möchten, z.B. als als “Embed”. Kopieren Sie ihn und fügen Ihn auf Ihre Seite ein.

Code einbinden

9. Wenn nun jemand eine Datei hochlädt, bekommen Sie seine E-Mail und können die Datei direkt runterladen.

Email by JotForm
Fertig!

Robert Brandl

Gründer und Geschäftsführer

Servus, ich bin der Gründer von Tooltester! Ursprünglich aus München startete ich mein Berufsleben als Projektmanager in einer digitalen Marketingagentur in Frankfurt, wo ich immer derjenige war, der neue Web-Tools testete. Glücklicherweise konnte ich dieses Hobby im Jahre 2010 in meinen Beruf verwandeln. Ich freue mich von Ihnen zu hören. Sie finden mich auch auf LinkedIn.

Mehr über uns

Hinter den Kulissen dieses Artikels.

Dieser Artikel wurde von unserem Expert:innenteam geschrieben und folgt einem genauen Verfahren..

So arbeiten wir

Kommentare

DE ebook cover

Der Homepage-Kurs für Einsteiger

Wenn Sie sich erst mal mehr Grundlagen anlesen möchten, dann sollten Sie in unserer „Homepage-Anleitung für absolute Beginner“ schmökern. Hier zeigen wir Ihnen Schritt-für-Schritt die einzelnen Schritte beim Aufbau einer eigenen Homepage. Das Beste: das alles kostet Sie keinen Cent.