4 Wege, um benutzerdefinierte Bilder und Dateien in Ihren Shopify-Shop hochzuladen

Es gibt im Grunde vier Wege, manche sind etwas schwieriger, aber alle führen zum selben Ergebnis: Sie erhalten eine benutzerdefinierte URL für Ihr hochgeladenes Bild bzw. Ihre Datei, die von Shopify gehostet wird (d. h. auf der Domain cdn.shopify.com), sodass Sie sie teilen oder in Ihren E-Mails verwenden können.

Der Hauptvorteil des Hostings auf dem Shopify CDN ist die globale Netzwerkabdeckung, die Besuchern einen schnellen Download ermöglicht, egal wo sie sich befinden. Und natürlich ist es kostenlos (in Ihrem Shopify-Abonnement enthalten).

Methode 1 – Bild oder Datei über Shopify-Dateien hochladen

Dies ist wahrscheinlich der direkteste Ansatz über den Bereich Dateien in Ihrem Shopify-Adminbereich. Er ist für alle Shopify-Pläne verfügbar, einschließlich des Basic-Plans. Die Herausforderung besteht darin, dass dieser Bereich als Teil der Shop-Einstellungen „versteckt“ ist.

1. Gehen Sie zu Ihrem Shop-Adminbereich und navigieren Sie zu Einstellungen
2. . Wählen Sie im linken Menü Dateien
3. . Klicken Sie auf die grüne Schaltfläche Dateien hochladen und wählen Sie die Datei aus, die Sie hochladen möchten.
4. Sobald die Datei hochgeladen und verarbeitet wurde, sehen Sie sie in der Liste. Um den direkten Link zu erhalten, klicken Sie einfach auf das „Link“-Symbol.

Wenn Sie einen kostenpflichtigen Shopify-Plan haben, können Sie alle Dateien außer HTML-Dateien hochladen. Die maximale Dateigröße beträgt 20 MB und die Auflösung 20 MP (Megapixel).

Das Hochladen unterliegt bestimmten Einschränkungen, wenn Sie einen Testplan nutzen, und aus Sicherheitsgründen werden nur die folgenden Dateiendungen unterstützt.

• JS
• CSS
• GIF
• JPG
• PNG
• JSON
• CSV
• PDF (nur nach E-Mail-Validierung)

Methode 2 – Bild (keine Datei) über den Shopify-Theme-Editor hochladen

Wenn Sie den Upload über „Dateien“ nicht nutzen möchten (oder keinen Zugriff darauf haben), können Sie den Theme-Editor verwenden.

1. Gehen Sie zu Ihrem Shop-Adminbereich und navigieren Sie zu Onlineshop > Themes
2. . Klicken Sie bei einem Ihrer Themes auf Anpassen (es muss nicht das aktive Theme sein).
3. Klicken Sie auf Abschnitt hinzufügen und wählen Sie ein Element aus, das ein Bild enthält. Alternativ können Sie ein vorhandenes Element in Ihrem Shop suchen und das Bild durch Hochladen eines neuen ersetzen.
4. Sobald Sie das Bild hochgeladen haben, klicken Sie mit der rechten Maustaste darauf und öffnen Sie es in einem neuen Tab, um die URL zu erhalten. Die URL ist höchstwahrscheinlich eine zugeschnittene Version und sieht so aus: https://cdn.shopify.com/s/files/1/0463/8775/7221/files/shopify_256x256_crop_center.png?v=1637539155. Sie müssen lediglich „_256x256_crop_center“ löschen, und schon haben Sie Ihren Link.
5. Vergessen Sie nicht, den neuen Abschnitt zu löschen oder den Theme-Editor zu schließen, ohne zu speichern. Das hochgeladene Bild bleibt in Ihrem Shop erhalten.

Der große Nachteil ist natürlich, dass Sie nur Bilddateiformate (d. h. GIF, JPG oder PNG) hochladen können.

Methode 3 – Bild (keine Datei) über den Rich-Text-Editor hochladen

Die dritte Methode ähnelt der zweiten und ermöglicht ebenfalls nur das Hochladen von Bildern. Sie müssen im Grunde einen Rich-Text-Editor in Ihrem Shopify-Adminbereich finden, um ein benutzerdefiniertes Bild hochladen zu können.

Der Rich-Text-Editor findet sich beispielsweise in der Produktbeschreibung oder in Blogbeiträgen.

1. Gehen Sie zu Ihrem Shop-Adminbereich und navigieren Sie zu Produkte
2. . Klicken Sie im Tab Beschreibung auf das Bildsymbol und laden Sie Ihr benutzerdefiniertes Bild hoch.
3. Fügen Sie das hochgeladene Bild in die Produktbeschreibung ein und stellen Sie sicher, dass Sie die Originalgröße auswählen.
4. Klicken Sie mit der rechten Maustaste auf das eingefügte Bild und wählen Sie „Bild in neuem Tab öffnen“, um die eindeutige URL abzurufen.
5. Schließen Sie die Produktbearbeitung, ohne zu speichern (das Bild bleibt trotzdem hochgeladen).

Methode 4 – Bild oder Datei über Shopify-Metafelder hochladen

Shopify-Metafelder (auch bekannt als benutzerdefinierte Felder) gibt es schon länger im System, aber seit Juli 2021 sind sie direkt in den Admin-Bereich integriert, inklusive eines einfachen UI-Editors.

Sie ermöglichen es Ihnen, Ihren Shop (Produkte, Kollektionen, Kunden) um benutzerdefinierte Felder zu erweitern. Einer der Feldtypen ist „Datei“, mit dem Sie beliebige eigene Dateien in Ihren Shop hochladen können.

1. Gehen Sie in Ihrem Shop-Admin zu Einstellungen > Metafelder
2. Wählen Sie Produkte aus der Übersicht und klicken Sie auf Definition hinzufügen
3. Geben Sie den Namen und die Beschreibung für Ihr Metafeld ein und klicken Sie auf Inhaltstyp auswählen > Datei. Ändern Sie die Dateioptionen von „Nur Bilder“ auf Alle Dateitypen akzeptieren und speichern Sie das Metafeld
4. Kehren Sie zum Shop-Admin zurück, navigieren Sie zu Produkte und wählen Sie ein beliebiges Produkt aus
5. Scrollen Sie nach unten zum Bereich Metafelder und laden Sie eine benutzerdefinierte Datei hoch

Welche Methode ist die beste?

Wie Sie sehen, unterscheiden sich die Methoden stark, aber wir empfehlen definitiv die erste – das Hochladen benutzerdefinierter Dateien über den Dateibereich in den Einstellungen.

Dies ist der unkomplizierteste Weg; er erlaubt das Hochladen von Dateien sowie Bildern und ermöglicht den einfachen Abruf der direkten Links.

Andere Methoden funktionieren zwar auch, sind aber eher als Workarounds zu betrachten.