4 Möglichkeiten zum Hochladen benutzerdefinierter Bilder und Dateien in Ihren Shopify-Shop

Tomas Janu

|

November 23, 2023

4 Möglichkeiten zum Hochladen benutzerdefinierter Bilder und Dateien in Ihren Shopify-Shop

Bei der Verwaltung Ihres Shops arbeiten Sie hauptsächlich mit dem Theme-Editor, mit dem Sie alle Bilder im Schaufenster leicht ändern können. Von Zeit zu Zeit kann es jedoch erforderlich sein, ein benutzerdefiniertes Bild oder eine Datei hochzuladen und auf der Domain Ihres Shops zu hosten. In diesem Leitfaden erklären wir Ihnen, wie Sie das tun können.

4 Möglichkeiten zum Hochladen benutzerdefinierter Bilder und Dateien in Ihren Shopify-Shop

Es gibt im Grunde vier Möglichkeiten, die mehr oder weniger schwierig sind, aber alle zum gleichen Ergebnis führen. Die benutzerdefinierte URL Ihres hochgeladenen Bildes/ihrer hochgeladenen Datei, die von Shopify gehostet wird (d.h. cdn.shopify.com-Domain), so dass Sie sie teilen oder in Ihren E-Mails verwenden können.

Der Hauptvorteil, wenn die Datei im Shopify CDN gehostet wird, ist die globale Netzwerkabdeckung, die den Besuchern einen schnellen Download ermöglicht, egal wo sie sich befinden. Und natürlich ist es kostenlos (Teil Ihres Shopify-Abonnements).

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

Dies ist wahrscheinlich die einfachste Methode, bei der Sie einen Abschnitt namens Dateien in Ihrer Shopify-Verwaltung verwenden. Er ist für alle Shopify-Tarife verfügbar, auch für den Basic-Tarif. Die Herausforderung besteht darin, dass der Abschnitt als Teil der Shop-Einstellungen "versteckt" ist.

  1. Gehen Sie zu Ihrer Shopify-Verwaltung 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 Ihre Datei zum Hochladen aus
  4. Sobald die Datei hochgeladen und verarbeitet wurde, können Sie sie in der Liste sehen. Um den direkten Link zu erhalten, klicken Sie einfach auf das "Link"-Symbol

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

Uploading custom file via Shopify Files

Das Hochladen hat gewisse Einschränkungen, wenn Sie einen Testplan haben, und aus Sicherheitsgründen werden nur die folgenden Dateierweiterungen unterstützt.

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

Methode #2 - Bild (nicht 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 einen Theme-Editor verwenden.

  1. Gehen Sie zu Ihrer Shopify-Verwaltung und navigieren Sie zu Online Store > Themes
  2. Klicken Sie auf Anpassen für eines Ihrer Themen (es muss nicht das Live-Thema sein)
  3. Klicken Sie auf Abschnitt hinzufügen und wählen Sie ein Element aus, das ein Bild enthält. Alternativ können Sie auch ein bestehendes Element in Ihrem Shop suchen und das Bild ändern, indem Sie ein neues hochladen
  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 beschnittene 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 also nur das "_256x256_crop_center" löschen, und schon haben Sie Ihren Link
  5. Vergessen Sie nicht, den neuen Abschnitt zu löschen oder den Themeneditor zu schließen, ohne ihn zu speichern. Das hochgeladene Bild bleibt in Ihrem Shop erhalten
Uploading custom image via Shopify theme editor

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

Methode #3 - Bild (nicht Datei) über den Rich-Text-Editor hochladen

Die dritte Methode ähnelt der zweiten und erlaubt ebenfalls nur den Upload von Bildern. Sie müssen einen beliebigen Rich-Text-Editor in Ihrem Shopify-Admin finden, damit Sie ein benutzerdefiniertes Bild hochladen können.

Uploading custom image via Shopify rich text editor

Den Rich-Editor finden Sie zum Beispiel in der Produktbeschreibung oder in Blogbeiträgen.

  1. Gehen Sie zu Ihrer Shopify-Verwaltung und navigieren Sie zu Produkte
  2. Klicken Sie in der Registerkarte 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 wird trotzdem hochgeladen)

Methode Nr. 4 - Bild oder Datei über Shopify-Metafelder hochladen

Shopify-Metafel-Felder (auch bekannt als benutzerdefinierte Felder) sind schon seit einiger Zeit im System vorhanden, aber im Juli 2021 wurden sie als Teil der Verwaltung eingeführt, einschließlich eines einfachen UI-Editors.

Uploading custom file via Shopify Metafieds

Sie ermöglichen es Ihnen, Ihren Shop (Produkte, Kollektionen, Kunden) mit benutzerdefinierten Feldern zu erweitern. Einer der Feldtypen ist eine Datei, mit der Sie eine beliebige benutzerdefinierte Datei in Ihren Shop hochladen können.

  1. Gehen Sie zu Ihrer Shop-Verwaltung und navigieren Sie zu Einstellungen > Metafelder
  2. Wählen Sie in der Übersicht Produkte und klicken Sie auf Definition hinzufügen
  3. Geben Sie den Namen und die Beschreibung Ihres Metafeldes ein und klicken Sie auf Inhaltstyp auswählen > Datei. Ändern Sie die Datei-Optionen von "Nur Bilder" in " Akzeptiert alle Dateitypen" und speichern Sie das Metafelder
  4. Gehen Sie zurück zur Shopverwaltung und navigieren Sie zu Produkte, und wählen Sie ein beliebiges Produkt aus
  5. Scrollen Sie nach unten zum Abschnitt Metafelder und laden Sie eine benutzerdefinierte Datei hoch

Welche Methode ist die beste?

Wie Sie sehen können, ist jede Methode sehr unterschiedlich, aber wir empfehlen auf jeden Fall die erste Methode - das Hochladen von benutzerdefinierten Dateien über den Dateibereich in den Einstellungen.

Es ist die einfachste Methode, die es Ihnen ermöglicht, sowohl Dateien als auch Bilder hochzuladen und ihre direkten Links einfach abzurufen.

Andere Methoden funktionieren zwar auch, sind aber eher Umgehungslösungen.

Start your Shopify store for free and pay only $1 for the first monthStart your Shopify store for free and pay only $1 for the first month

Tomas Janu

Tom liebt es, über Upselling, Konversionsoptimierung und E-Commerce-Trends zu schreiben. Er ist einer unserer Mitbegründer, und manchmal kannst du mit ihm sprechen, wenn du unser Support-Team kontaktierst. Folgen Sie ihm auf LinkedIn, um weitere Tipps und Neuigkeiten rund um Shopify zu erhalten.

Neuste Artikel

Alle Artikel

Stärken Sie Ihr Shopify-Geschäft mit unseren Apps

Alle unsere Apps wurden entwickelt, um Ihnen dabei zu helfen, Ihr Shopify-Geschäft auszubauen. Probieren Sie sie aus und nutzen Sie die kostenlose Testphase.

Booste mein Shopify