> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🛠️ Wie man Trust Badges in einer benutzerdefinierten Position platziert und hochlädt

> ℹ️ **Note:** Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team.

Dieser Leitfaden erklärt, wie man:

*   Laden Sie Ihre eigenen Trust Badge Icons hoch
*   Platzieren Sie Vertrauensabzeichen manuell mit Custom Position
*   Finden und verwenden Sie die Badge ID richtig
*   Verbinden Sie Badges mit Shopify App Blöcke

Custom Position bietet Händlern vollständige Flexibilität darüber, wo Trust Badges auf der Storefront erscheinen.

Darüber hinaus können Händler auch ihre eigenen benutzerdefinierten Icons hochladen, wenn die eingebaute Icon-Bibliothek nicht das gewünschte Design enthält.

---

# **📤 Teil 1 — Hochladen von Custom Trust Badge Icons**

## **🎨 Laden Sie Ihre eigenen Icons hoch**

Alle Arten von Trust Badge und Icon Blocks unterstützen benutzerdefinierte Icon-Uploads.

Obwohl die App eine integrierte Icon-Bibliothek enthält, möchten Händler manchmal Folgendes verwenden:

*   Markenspezifische Icons
*   Kundenspezifische Vertrauensabzeichen
*   Einzigartige Zahlungssymbole
*   Store-spezifische Grafiken

Custom Uploads machen dies möglich.

---

# **📂 Wo Sie Custom Icons hochladen können**

Innerhalb des Setups:

→ Öffnen Sie die **Inhalt** Tab.

Hier werden Ihre vorhandenen Icons oder Standard-Icons angezeigt.

---

# **🛠️ Wie man ein Custom Icon hochlädt**

Sie können entweder:

*   Ersetzen eines vorhandenen Icons
*   Laden Sie ein völlig neues benutzerdefiniertes Icon hoch

---

# **🔄 Ersetzen eines vorhandenen Icons**

1.  Suchen Sie den vorhandenen Icon-Block
2.  Klick: **Entfernen** Icon
3.  Dies zeigt die Icon-Auswahloptionen
4.  Unterhalb der **Wählen/Entfernen** Icon Abschnitt, klicken Sie auf **UploadIcon** Taste
5.  Laden Sie Ihre benutzerdefinierte Image / Icon-Datei hoch

Nach dem Hochladen ersetzt das neue benutzerdefinierte Icon das vorherige Icon.

---

# **💡 Empfohlene Bildgrößenrichtlinien**

Für das beste visuelle Erscheinungsbild:

*   Hochladen von Bildern, die eng mit der Displaygröße übereinstimmen
*   Vermeiden Sie das Hochladen extrem großer Bilder für kleine Badge-Bereiche
*   Verwenden Sie richtig beschnittene Icons, wann immer möglich

⚠️ Große oder nicht übereinstimmende Bildgrößen können aussehen:

*   Verzerrt
*   gestreckt
*   Blur

---

# **⚡ Empfohlen für bessere Site Speed**

Für eine bessere Storefront-Leistung:

*   Leichte Image-Dateien hochladen
*   Optimierte Icon-Größen verwenden
*   Vermeiden Sie unnötig große Bildabmessungen

Kleinere optimierte Icons helfen zu verbessern:

*   Speicherladegeschwindigkeit
*   Leistungswerte
*   Mobile Reaktionsfähigkeit

---

# **📍 Teil 2 — Platzieren von Vertrauensabzeichen mit Custom Position**

# **⚠️ Bevor Sie beginnen**

Die Badge ID wird nur verfügbar, wenn:

*   Platzierung wird geändert auf **Zollstelle**
*   Das Setup wird danach ordnungsgemäß gespeichert

Wenn das Setup nicht gespeichert ist, wird die Badge ID nicht angezeigt.

---

# **🛠️ Schritt 1 - Open Trust Badges & Icons**

Offen **Vertrauensabzeichen & Icons** App / Setup von Ihrem Shopify Admin.

---

# **📂 Schritt 2 - Öffnen oder Erstellen eines Badge-Setups**

Sie können entweder:

→ Öffnen Sie ein bestehendes Badge Setup

ODER

→ Erstellen eines neuen Badge/Icon Setups

Nach dem Öffnen können Sie die Platzierungseinstellungen konfigurieren.

---

# **⚙️ Schritt 3 - Navigieren Sie zu Platzierung und Sichtbarkeit**

Innerhalb des Setups:

→ Öffnen Sie die **Platzierung & Sichtbarkeit** Tab.

Dieser Abschnitt steuert, wo und wie Ihre Abzeichen auf der Storefront erscheinen.

---

# **🎯 Schritt 4 — Änderung der Platzierung in Custom Position**

Innen:

Wählen Sie Seiten aus, um den Icon / Badge-Block anzuzeigen

→ Ändern Sie die Platzierungsoption in:

Zollstelle

Dann:

→ Klicken **Sparen**

⚠️ Wichtig:

Die Badge-ID wird erst angezeigt, wenn die Einrichtung nach der Auswahl der Benutzerdefinierten Position gespeichert wurde.

---

# **🆔 Schritt 5 — Suchen Sie die Badge ID**

Sobald das Setup erfolgreich gespeichert wurde:

→ Die **Ausweisnummer** wird automatisch im Setup angezeigt.

Sie können:

*   Siehe Badge ID
*   Kopieren Sie die Badge ID mit dem Clipboard-Symbol

⚠️ Benutzerdefinierte Position muss ausgewählt bleiben, damit die Badge ID korrekt funktioniert.

---

# **📋 So kopieren Sie die Badge ID**

Um die Badge ID zu kopieren:

1.  Suchen Sie das Feld Badge ID
2.  Klicken Sie auf das Clipboard-Icon daneben
3.  Die Badge ID wird sofort kopiert

Diese kopierte ID kann jetzt im Inneren verwendet werden Shopify App Blocks.

---

# **🧩 Verwendung der Badge ID**

Sobald die Badge ID kopiert ist:

→ Fügen Sie es in Ihrem Shopify App Block Einstellungen

Dies ermöglicht Shopify Um das korrekte Trust Badge Setup am ausgewählten benutzerdefinierten Speicherort zu laden.

---

# **⚠️ Wichtige Hinweise**

Vor der Verwendung der Badge ID:

*   Platzierung muss bereits auf **Zollstelle**
*   Das Setup muss bereits **Gerettet**

Andernfalls:

*   Die Badge ID erscheint möglicherweise nicht
*   Abzeichen werden möglicherweise nicht korrekt auf der Storefront angezeigt

---

# **🎉 Endergebnis**

Einmal erfolgreich konfiguriert:

*   ✅ Benutzerdefinierte Trust Badge-Icons können einfach hochgeladen werden
*   ✅ Händler können ihre eigenen Marken-Icons verwenden
*   ✅ Badge IDs werden korrekt verfügbar
*   ✅ Trust Badges können manuell überall auf der Storefront platziert werden
*   ✅ Shopify App-Blöcke können sich korrekt mit dem ausgewählten Badge-Setup verbinden
*   ✅ Custom Storefront Platzierung wird viel flexibler
*   ✅ Händler erhalten präzise Kontrolle über die Positionierung von Badge

Die Verwendung von Custom Position zusammen mit benutzerdefinierten Icon-Uploads macht die Storefront-Anpassung weitaus leistungsfähiger und personalisierter.