Produktdatei-Upload

Was ist das Produktdatei-Upload-Element?

Das Produktdatei-Upload Das Element ist Teil des Produktmoduls in GemPages. Es ermöglicht Kunden, während der Bestellung Dateien wie Bilder, PDFs oder andere unterstützte Formate hochzuladen. Dies ist besonders nützlich für Unternehmen, die personalisierte Kundeneingaben benötigen, darunter:

• Print-on-Demand-Dienste: Individuelle T-Shirts, Tassen oder andere Produkte, für die hochgeladene Bilder erforderlich sind.
• Personalisierte Designs: Gravuren, Schmuck oder Kunstwerke, die benutzerdefinierte Dateien erfordern.
• Dokumentenbasierte Dienste: Einreichung von Rechtsformularen, Verträgen oder anderen Dokumenten.

Wie verwende ich das Produktdatei-Upload-Element in GemPages V7?

Befolgen Sie diese Schritte, um das Element „Produktdatei-Upload“ auf Ihren Produktseiten einzurichten und anzupassen:

Schritt 1: Suchen Sie das Element zum Hochladen von Produktdateien

Öffnen Sie den GemPages-Editor und suchen Sie nach Produktdatei-Upload im Elementbereich. Dieses Element ist nur verfügbar für Produkt , Product List Module, stellen Sie also sicher, dass Sie eine Produktseite bearbeiten.

Schritt 2: Ziehen und Ablegen des Elements

Sobald Sie das Element zum Hochladen von Produktdateien gefunden haben, ziehen Sie es an die gewünschte Stelle auf der Produktseite. GemPages integriert es automatisch in das Produktmodul und ermöglicht so die Erfassung von Kunden-Uploads.

Klicken Sie nach dem Platzieren des Elements darauf, um auf zwei Registerkarten zuzugreifen: Einstellungen , Advanced:

Konfigurieren der Einstellungsregisterkarten

1. Anordnung

• Layout: Wählen Sie für das Element ein vertikales oder horizontales Layout.
• Symbolposition: Stellen Sie das Upload-Symbol so ein, dass es in der Mitte oder links angezeigt wird.
• Inhaltsausrichtung: Richten Sie Text und Symbole links, mittig oder rechts aus.
• Abstand: Passen Sie den Abstand zwischen Symbol und Text entweder mit einem numerischen Wert oder dem Schieberegler an.

2. Produktquelle

Greifen Sie schnell auf die Produktquelleneinstellungen zu, um im Editor zwischen Produkten zu wechseln. So können Sie in der Vorschau sehen, wie Ihr Design für verschiedene Artikel aussieht.

3. Upload-Einstellungen

• Erforderlich: Legen Sie fest, ob das Hochladen einer Datei obligatorisch ist. Durch die Aktivierung dieser Option wird sichergestellt, dass Kunden ihre Bestellung nicht abschließen können, ohne die erforderlichen Dateien einzureichen.
• Klicken Sie auf das Bild, um eine Vorschau anzuzeigen: Aktivieren Sie die Bildvorschau, damit Kunden ihre Uploads sehen können, bevor sie die Bestellung abschließen.
• Anzahl der Dateien: Wählen Sie zwischen dem Hochladen einer einzelnen Datei oder mehrerer Dateien pro Bestellung.

4. Symbol

Entscheiden Sie, ob im Upload-Feld ein Symbol angezeigt werden soll.

• Symbol auswählen: Wählen Sie ein vorgefertigtes Symbol aus oder laden Sie ein benutzerdefiniertes hoch.
• Position: Setzen Sie das Symbol über oder unter das Upload-Feld.
• Größe Passen Sie die Größe an Ihr Seitendesign an.

5. Größe

Ändern Sie die Größe des Upload-Felds, um sicherzustellen, dass es nahtlos zum Rest Ihres Seitendesigns passt.

• Breite und Höhe: Ändern Sie die Breite und Höhe des Upload-Felds.
• Polsterung: Passen Sie die Polsterung an, um einen gleichmäßigen Abstand um das Feld herum zu gewährleisten.

6. Hintergrund

Wählen Sie eine Hintergrundfarbe, die zu Ihrem Seitendesign passt.

7. Form

Konfigurieren Sie die Gesamtform des Upload-Felds.

• Grenze: Sie können den Stil des Rahmens (durchgezogen, gestrichelt usw.) auswählen, die Farbe auswählen und die Dicke des Rahmens festlegen.
• CORNER: Passen Sie an, wie abgerundet die Ecken des Feldes sein sollen.
• Shadow: Aktivieren oder passen Sie Schatteneffekte für das Upload-Feld an, um die visuelle Tiefe zu verbessern.

8. Textstile

• Inhalt: Bearbeiten Sie den Text, der auf der Schaltfläche „Produktdatei-Upload“ angezeigt wird.
• Design: Wählen Sie aus sechs Überschriftenstilen (H1–H6) oder drei Absatzstilen, um die Texthierarchie zu steuern.
• Schriftart: Wählen Sie die Schriftart für den Schaltflächentext aus.
• Größe Legen Sie die Schriftgröße fest.
• Farbe: Wählen Sie die Textfarbe.
• Ausrichten: Richten Sie den Text linksbündig, zentriert oder rechtsbündig aus.
• Schriftstärke: Passen Sie die Stärke (Fettheit) der Schriftart an.
• Zeilenhöhe: Legen Sie die Zeilenhöhe für den Text fest.
• Buchstaben-Abstand: Passen Sie den Abstand zwischen den Buchstaben an.
• Verwandeln: Texttransformation anwenden (Großbuchstaben, Kleinbuchstaben, Großbuchstaben).
• Schatteneffekt: Fügen Sie dem Text Schatten hinzu, um ihn hervorzuheben oder ihm mehr Stil zu verleihen.

9. Bewirken

Die Einstellungen für den Produktdatei-Upload beim Hovern. Durch Klicken auf die Einstellung „Hover“ wird das Popover geöffnet, das die Einstellungen des Hover-Effekts enthält.

10. Ausrichten

Konfigurieren der Registerkarte „Erweitert“

Für erweiterte Anpassungen navigieren Sie bitte zu Registerkarte Erweitert und befolgen Sie die Anweisungen in Dieser Artikel.

Häufig gestellte Fragen (FAQs)

1. Ist das Element zum Hochladen von Produktdateien für Kontaktformulare verfügbar?

Nein, die Funktion zum Hochladen von Produktdateien ist nur für das Produktmodul verfügbar. Für Kontaktformulare wird derzeit ein separates Element entwickelt, das in Kürze veröffentlicht wird.

2. Was ist die maximal zulässige Dateigröße für Uploads?

Mit der Funktion zum Hochladen von Produktdateien können Kunden Dateien bis zu einer maximalen Größe von 10MB.

3. Welche Dateitypen werden vom Element „Produktdatei-Upload“ unterstützt?

Die unterstützten Dateitypen sind PNG, WEBP, GIF, JPEG, JPG und PDF.

4. Können Kunden Audiodateien wie MP3s hochladen?

Nein. Audiodateien (z. B. MP3) können während des Uploads zwar als auswählbar angezeigt werden, das Element unterstützt derzeit nicht Audiowiedergabe oder Dateibereitstellung im Storefront. Wir empfehlen, die oben aufgeführten unterstützten Dateitypen beizubehalten.

5. Können Kunden mehrere Dateien gleichzeitig hochladen?

Ja, Sie können die Funktion zum Hochladen von Produktdateien so konfigurieren, dass je nach den Anforderungen Ihres Shops mehrere oder einzelne Datei-Uploads möglich sind.

6. Gibt es für Kunden eine Option zur Vorschau ihrer hochgeladenen Dateien?

Ja, Sie können die Dateivorschauoption aktivieren, damit Kunden ihre Uploads überprüfen können, bevor sie ihre Bestellung abschließen.

7. Wie verlinken Sie auf Ihrer Produktseite auf PDF-Dateien?

Wenn Sie möchten, dass Kunden direkt von Ihrer Produktseite auf eine PDF-Datei (z. B. eine Größentabelle, ein Benutzerhandbuch oder eine Produktbroschüre) zugreifen können, können Sie neben oder über dem Feld „Produktdatei-Upload“ einen anklickbaren Link hinzufügen.

Option 1: Link zu einer in Shopify gespeicherten PDF-Datei

• Gehen Sie zu Ihrem Shopify-Adminbereich und navigieren Sie zu Inhalt > Dateien.
• Laden Sie Ihre PDF-Datei hoch.
• Kopieren Sie nach dem Hochladen die Datei-URL.
• Fügen Sie im GemPages Editor ein Text or Taste Element in der Nähe Ihres Upload-Feldes.
• Markieren Sie den Text oder wählen Sie die Schaltfläche aus und fügen Sie dann die PDF-URL in die Linkeinstellungen ein.

Option 2: Link zu einem externen PDF

Wenn Ihr PDF außerhalb von Shopify gehostet wird (z. B. Google Drive, Dropbox), fügen Sie einfach den öffentlichen Freigabelink in Ihre Text- oder Button-Link-Einstellungen in GemPages ein.

8. Wo finde ich hochgeladene Dateien, nachdem ein Kunde sie übermittelt hat?

Hochgeladene Dateien werden den Bestelldetails im Shopify-Adminbereich angehängt. Gehen Sie zu BestellungenÖffnen Sie die entsprechende Bestellung. Die Datei(en) werden unter den Eigenschaften der Position angezeigt. So wird sichergestellt, dass Sie keine vom Kunden übermittelte Datei übersehen.