Hinzufügen eines Dateiuploads zu Squarespace

Squarespace bietet Ihnen zwar die Möglichkeit, auf den Code Ihrer Website zuzugreifen und diesen zu bearbeiten, doch für viele liegt der Reiz darin, dass Sie eine schöne Website erstellen können, ohne jemals den Code anfassen zu müssen.

Auch wenn der Website-Builder für Menschen ohne Programmierkenntnisse optimiert ist, müssen Sie, wenn Sie eine Squarespace-Website haben und Mitarbeiter zum Hochladen von Dateien auf Ihre Website einladen möchten, einige, wenn auch minimale, Programmierarbeiten durchführen. Der Prozess mag zunächst entmutigend erscheinen, aber wir wollen es Ihnen so einfach wie möglich machen. Hier sind drei Möglichkeiten, wie Sie Dateien über Squarespace sammeln können:

1. FTP (File Transfer Protocol) hinzufügen

Umsetzung von FTP in Squarespace kann eine kleine Herausforderung sein, wenn Sie kein IT-Profi sind. Aber wenn Sie diesen Weg gehen wollen, müssen Sie den Entwicklermodus aktivieren.

Gehe zu Startseite > Einstellungen > Fortgeschrittene > Entwickler-Modus und schalten Sie sie ein.

Wir empfehlen die Lektüre dieser Leitfaden um den Entwicklermodus vollständig zu verstehen und zu wissen, ob Sie ihn wirklich brauchen, denn er ist nichts, was Sie leichtfertig tun sollten. Sobald Sie sich im Entwicklermodus befinden, können Sie Ihre FTP-Zugangsdaten sehen.

Nun, da Sie diese Informationen haben, müssen Sie einen FTP-Client auf Ihrem Computer installieren. Es gibt viele kostenlose und kostenpflichtige Optionen, aus denen Sie wählen können. Danach müssen Sie sich mit Ihrem Squarespace-Konto verbinden, indem Sie die in Ihren Kontoeinstellungen angegebenen FTP-Zugangsdaten verwenden. Sobald Sie verbunden sind, können Sie Dateien von Ihrem Computer auf Ihre Website hochladen.

2. Hinzufügen eines Custom Form Builders

Sie fragen sich, ob es ein Squarespace-Datei-Upload-Formular gibt? Leider unterstützt die Formularfunktion von Squarespace derzeit keine Datei-Uploads von externen Nutzern, aber Sie empfehlen die Verwendung von Wufooeinen Drittanbieterdienst, um dies zu erleichtern. Mit Wufoo können Nutzer bis zu 100 MB an Dateien pro Formular hochladen.

Bitte beachten Sie, dass Sie einen Squarespace Business- oder Commerce-Plan benötigen, um diese Methode zu verwenden.

Sobald Sie Ihr Wufoo-Konto erstellt haben, folgen Sie diesen Schritten, um es einzurichten:

3. MASV-Portale verwenden

MASV bietet ein nützliches Werkzeug namens Portale die eine schnelle, ungedeckte Alternative zu FTP. Es ist auch ein super einfacher Weg zu installieren und große Dateien empfangen - ganz zu schweigen von der Tatsache, dass Sie kostenlos einsteigen können.

Zunächst werden wir Ihnen zeigen, wie Sie ein MASV-Portal erstellen und es zu Ihrer Squarespace-Website hinzufügen.

Bitte beachten Sie, dass Sie ein MASV-Portal nur dann in Ihre Website einbetten können, wenn Sie einen Squarespace Business oder Commerce Plan haben.

Schritt 4. Hinzufügen eines Code-Blocks zu Ihrer Squarespace-Seite

Loggen Sie sich in das Backend Ihrer Squarespace-Website ein und gehen Sie zu der Seite, zu der Sie Ihr MASV-Portal hinzufügen möchten.

In diesem Beispiel fügen wir eine zur Startseite hinzu, die standardmäßig zuerst angezeigt wird. Um eine andere Seite Ihrer Website zu erreichen, klicken Sie auf Seiten auf der linken Seite, und wählen Sie dann die gewünschte Seite

Sobald Sie sich auf der Seite befinden, der Sie das Portal hinzufügen möchten, klicken Sie auf EDIT in der linken oberen Ecke.

Natürlich können Sie auch eine neue Seite für Ihr Portal anlegen. Wenn Sie diese Möglichkeit bevorzugen, klicken Sie auf das + neben Haupt-Navigation und beginnen Sie mit einer Leere Seite, oder wählen Sie ein anderes vorgeschlagenes Layout.

Unabhängig davon, auf welcher Seite Sie Ihr Portal hinzufügen möchten, empfehlen wir Ihnen, es in einen leeren neuen Abschnitt einzufügen. Scrollen Sie nach unten zu der Stelle, an der Sie das Portal einfügen möchten, und klicken Sie auf einen der Abschnittsunterbrecher + Symbole:

Daraufhin wird das unten abgebildete Menü angezeigt. Wählen Sie Leere hinzufügen +.

Sobald Sie Ihren neuen leeren Abschnitt haben, klicken Sie auf einen der schwarzen Einfügepunkte und wählen Codedie unter folgender Rubrik abgelegt ist Mehr.

Ihr Portal sollte nun in Ihre Website eingebettet sein und in etwa so aussehen:

Schritt 6. Passen Sie das Aussehen und die Formatierung Ihres Portals an

Nun ist es an der Zeit, das Aussehen und die Position des eingebetteten Portals anzupassen.

Wir haben diesen Bereich nicht angepasst, aber vielleicht möchten Sie an dieser Stelle zu Ihrem MASV-Portal-Dashboard zurückkehren und Ihr eigenes Bild/Logo und Ihre eigene Farbe hinzufügen, falls Sie das noch nicht getan haben. Klicken Sie dazu auf das stiftförmige bearbeiten neben dem Namen Ihres Portals, um diese Änderungen vorzunehmen. Kopieren Sie dann den Code erneut und fügen Sie ihn über den ursprünglichen Code auf Ihrer Squarespace-Website ein.

Um die Größe und Position dieses Codes anzupassen, müssen Sie den Link auf Ihrer Squarespace-Website manuell bearbeiten. Aber keine Sorge, das ist super einfach.

MASV-Portale werden auf Ihrer Squarespace-Website standardmäßig linksbündig ausgerichtet, wenn sie einem leeren Abschnitt hinzugefügt werden. Um Ihr Portal mittig auszurichten, fügen Sie ein HTML-Stil zentrieren zum Link.

Portale sind automatisch auf eine Breite von 400px und eine Höhe von 640px eingestellt, aber auch hier können Sie diese Maße leicht im Link selbst ändern. Suchen Sie den Teil, der width='400' height='640' sagt und passen Sie diese Zahlen an, um Ihre ideale Größe zu finden.

Wenn Sie mit der Formatierung zufrieden sind, vergessen Sie nicht, die Seite Erledigt in der linken oberen Ecke, und drücken Sie dann Speichern Sie um die Live-Version Ihrer Website zu aktualisieren.

Und das war's! Ihr Portal ist nun live und wartet auf seinen ersten Upload. Denken Sie daran, dass Sie jederzeit zu Ihrem MASV-Portal-Dashboard zurückkehren können, um Änderungen an Ihrer Website vorzunehmen. Sie werden benachrichtigt, wenn Inhalte an die E-Mail-Adresse hochgeladen werden, die Sie im Feld Empfänger Feld.