Dieser Artikel ist auch verfügbar in:

Wie man Social Media Icons einrichtet

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


Erfahren Sie, wie Sie Social Media Icons hinzufügen und konfigurieren, um die Markensichtbarkeit, die Kundenbindung und die soziale Konnektivität in Ihrem Storefront zu verbessern.



✅ Schritt 1: Open Social Media Icons Einstellungen


1️� Gehen Sie zu Shopify Admin → Apps → Hoppy Trust Badges App.


2️� Klicken Sie auf Erstellen Sie ein neues Badge.



✅ Schritt 2: Wählen Sie Ihre Platzierung


Wählen Sie aus den verfügbaren Platzierungsoptionen aus, wo die Social Media Icons angezeigt werden sollen.


📍 Verfügbare Platzierungstypen


Produktseite


  • Social Icons direkt auf Produktseiten anzeigen
  • Hilft Kunden, Ihre Marke zu entdecken und sich mit ihr zu verbinden, während sie Produkte durchsuchen


Fuß


  • Icons im Footer-Bereich Ihrer Website anzeigen
  • Halten Sie soziale Links auf allen Seiten zugänglich


Schwimmende Icons


  • Zeigen Sie schwebende soziale Icons an, die sichtbar bleiben, während Kunden scrollen
  • Normalerweise in Bildschirmecken positioniert für schnelle Zugänglichkeit


Warenkorbschublade


  • Zeigen Sie soziale Icons im Mini-Cart oder Slide-Out-Cart
  • Fördert das Engagement während der Shopping-Reise


Warenkorbseite


  • Icons direkt auf der Warenkorbseite vor dem Checkout anzeigen
  • Nützlich für die Förderung von Communities, Reviews oder Social Proof


Checkout Seite


  • Icons während der Shopify Checkout-Prozess
  • Hilft, das Markenvertrauen vor Auftragsabschluss zu stärken
  • Nur verfügbar für Shopify Plus Händler


Zollstelle


  • Platzieren Sie Symbole manuell genau dort, wo Sie sie haben möchten
  • Die Positionierung kann mit dem Shopify Theme Editor



✅ Schritt 3: Social Media Icons einrichten


Innerhalb der Inhalt Tab, lokalisieren Sie die Abzeichentyp Dropdown und Select:


Social & Brand Icons



📝 Blockinhalt konfigurieren


Innerhalb der Blockinhalt Abschnitt:


  • Fügen Sie einen internen Blocknamen für eine einfachere Verwaltung in Ihrem Admin-Dashboard hinzu
  • Dieser Name ist nur für Store-Admin-Referenz und ist für Kunden nicht sichtbar



✍️ Werbetext (optional)


Sie können optional Werbetext über den Social Icons hinzufügen.


Verfügbare Felder


Titel


Verwenden Sie einnehmende Überschriften wie:


  • „Folge unserer Reise
  • „Connect With Us
  • „Sozial bleiben


Unterrubrik


Fügen Sie eine unterstützende Nachricht hinzu wie:


  • "Bleiben Sie über tägliche Angebote aktualisiert"
  • „Tag us to get featured
  • „Tritt unserer Community bei



🎨 Wählen und Verwalten von Icons


Sie können die Icons, die im Social Media-Block angezeigt werden, anpassen.


Verfügbare Aktionen


  • Wählen Sie Icons aus der integrierten Icon Library
  • Bestehende Icons ersetzen
  • Entfernen Sie unerwünschte Icons
  • Fügen Sie mehrere Icons nebeneinander hinzu


Unterstützte Plattformen enthalten


  • Instagram
  • Facebook
  • TikTok
  • Pinterest
  • X (Twitter)
  • YouTube


Custom Uploads


Sie können auch benutzerdefinierte Symbole direkt von Ihrem Gerät hochladen.



➕ Mehr Icons hinzufügen


Klicken Neues Icon hinzufügen zusätzliche Social- oder Brand-Icons innerhalb desselben Blocks einzufügen.


💡 Dies ermöglicht es Händlern, mehrere soziale Plattformen zusammen zu präsentieren.



🔗 Konfigurieren Sie Call to Action (CTA)


Jedes Social Media Icon kann anklickbares Verhalten enthalten.


Standardverhalten


Standardmäßig verwenden Icons:



Dies macht den gesamten Icon-Block klickbar für ein nahtloses Besuchererlebnis.



📌 Verfügbare CTA-Typen



Direktlinks wie:


  • Facebook-Seite URLs
  • Instagram Profile
  • WhatsApp Chat Links
  • Discord lädt ein
  • Externe Landing Pages


Produktseite


Redirect Besucher direkt zu einem bestimmten Shopify Produkt.


Sammlungsseite


Redirect Besucher zu einer bestimmten Produktkollektion.


Kein Aufruf zum Handeln


Icons bleiben statisch und nicht klickbar.



Erstellt einen separaten anklickbaren Button neben oder unter den Symbolen.



🛒 Produktbindung


Wenn Produktseite CTA ausgewählt ist:


→ Verwendung Auswählen des Produkts um die Produktdestination direkt von Ihrem Shopify Lager.



🔄 Icons anordnen


Sie können das Icon-Layout einfach verwalten.


Verfügbare Optionen


  • Mehrere Icons hinzufügen
  • Einzelne Icons entfernen
  • Icon-Kombinationen für sauberere Layouts neu ordnen


⚠️ Zu viele Symbole zusammen können den Abstand auf kleineren mobilen Bildschirmen beeinflussen.



✅ Schritt 4: Designeinstellungen anpassen


Offen Design Tab, um Ihre Social Media Icons zu stylen.


Verfügbare Entwurfskontrollen


Sichtbarkeit


Wählen Sie:


  • Desktop & Mobile
  • Desktop nur
  • Nur mobil


Icon Farben


Wählen Sie zwischen:


  • Offizielle Markenfarben
  • Benutzerdefinierte Farben passend zu Ihrem Storefront-Thema


Typografie & Größen


Anpassung:


  • Schriftgrößen
  • Icon-Abstand
  • Layout Aussehen
  • Animationen


💡 Sie können subtile Animationen verwenden, um soziale Ikonen interaktiver zu machen, ohne ablenkend zu werden.



✅ Schritt 5: Platzierung und Sichtbarkeit konfigurieren


Navigieren Sie zum Platzierung & Sichtbarkeit Tab.


Verfügbare Kontrollen


Seiten


Wählen Sie, wo die Icons erscheinen sollen:


  • Alle Seiten
  • Homepage nur
  • Produktseiten
  • Sammlungsseiten


Geräte


Kontrollsicht für:


  • Desktop
  • Mobil
  • Beide


Position


Set Icon Platzierung wie:


  • Links unten
  • Rechts unten
  • Inline-Positionen


Zeitplan


Optional konfigurieren:


  • Starttermine
  • Endtermine
  • Vorübergehende Sichtbarkeit der Kampagne



✅ Schritt 6: Speichern und Veröffentlichen


Sobald Ihre Social Media Icons vollständig konfiguriert sind:


  • Klicken Sparen
  • Dann klicken Veröffentlichen


Nach der Veröffentlichung:


→ Besuchen Sie Ihre Live-Storefront und bestätigen Sie, dass alle Symbole richtig zu den beabsichtigten Zielen umgeleitet werden.



💡 Quick Troubleshooting Tipp


Wenn die Social Media Icons nach der Veröffentlichung nicht auf Ihrer Storefront erscheinen:


Ihr Shopify Theme blockiert möglicherweise das App-Embed.


Um dies zu beheben


  1. Gehen Sie zu Shopify Admin → Online-Shop → Themen
  2. Klicken Bearbeiten Theme über dein Live-Thema
  3. Offen App Embeds von der Seitenleiste
  4. Umschalter Hoppy Trust Badges (Badges & Icons) → IN
  5. Klicken Sparen



✅ Endergebnis


Einmal erfolgreich konfiguriert, tragen Social Media Icons dazu bei, dass sich Ihre Storefront vernetzter, vertrauenswürdiger und Community-gesteuerter anfühlt.


Mit der richtigen Einrichtung:


✅ Kunden können sich schnell mit Ihrer Marke verbinden
✅ Soziale Sichtbarkeit wird stärker
✅ Gemeinschaftsengagement verbessert
✅ Markenvertrauen fühlt sich authentischer an
✅ Storefront Navigation wird interaktiver
✅ Besucher können sofort auf wichtige soziale Plattformen zugreifen


Social Media Icons funktionieren am besten, wenn sie mit sauberer Platzierung, ausgewogenem Abstand und relevanten sozialen Zielen kombiniert werden.


Aktualisiert am: 10/09/2026

War dieser Beitrag hilfreich?

Teilen Sie Ihr Feedback mit

Stornieren

Danke!