> ## 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 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: ### **Link zum ganzen Block hinzufügen** Dies macht den gesamten Icon-Block klickbar für ein nahtloses Besuchererlebnis. --- ## **📌 Verfügbare CTA-Typen** ### **Custom Link (am häufigsten)** 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. ### **Button mit Link hinzufügen** 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. ---