Der Abschnitt Social-Media-Icons zeigt Links zu deinen Social-Media-Profilen. Er kann in der Seite stehen oder fixiert am Bildschirmrand bleiben, während Kunden scrollen.
Hinzufügen
Öffne im Builder den Tab Abschnitte, klicke auf Neuen Abschnitt hinzufügen und wähle Social-Media-Icons in der Gruppe Marketing. Einer pro Seite, auf jeder Seite. Die Fußzeile hat einen Block Social-Media-Icons mit denselben Konten und Symboleinstellungen, siehe Wie richte ich die Fußzeile meines Shops ein (Über uns, Menü, Social-Media-Icons, Zahlungssymbole, Richtlinien-Links, Urheberrecht)?.
Social-Media-Konten
Fülle nur die Plattformen aus, die du nutzt. Leere werden nicht angezeigt, und wenn kein Konto ausgefüllt ist, erscheint der Abschnitt gar nicht.
- Bei Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr und Telegram gibst du nur deinen Benutzernamen ein, nicht den ganzen Link. Zum Beispiel
mystore. Manche Plattformen, wie Instagram, TikTok und X, akzeptieren auch@mystore. - Für eine Unternehmensseite auf LinkedIn gib
company/und danach den Seitennamen ein, zum Beispielcompany/mystore. - Bei WhatsApp gibst du deine Telefonnummer im internationalen Format ein, nur Ziffern, zum Beispiel
212600000000.
Auf der Produktseite und der Landing Page öffnet der WhatsApp-Link einen Chat mit einer fertigen Nachricht, die das Produkt nennt. So weißt du, wonach der Kunde fragt. Das funktioniert auch beim Block in der Fußzeile.
Layout
- Modus: Inline zeigt die Symbole als Reihe in der Seite. Fixiert heftet sie als Spalte an den Bildschirmrand.
- Position (nur Fixiert): der Rand Links oder Rechts.
- Inline auf Mobilgeräten (nur Fixiert): Auf kleinen Bildschirmen kehren die Symbole in die Seite zurück, damit sie deinen Inhalt nicht verdecken.
- Abschnittsbreite und Ausrichtung (nur Inline): Seite oder Voll als Breite, und die Symbole links, mittig oder rechts.
Erscheinungsbild
- Aussehen: Symbole gibt dir alle Stiloptionen unten. App zeigt jede Plattform als runden Button in ihrer eigenen Markenfarbe, wie App-Symbole. Im App-Look sind Form, Stil, Farbpalette, Hover-Effekt und Farbschema ausgeblendet, weil sie dort nicht gelten.
- Symbolgröße: von 12 bis 64 Pixeln.
- Form: Keine (nur das Symbol), Kreis, Abgerundet oder Quadrat. Mit einer Form bekommst du auch Stil (Flach gefüllt oder Umriss) und Formgröße. Die Form ist immer mindestens so groß wie das Symbol.
- Farbpalette: Marke (die eigene Farbe jeder Plattform), Mono (die Textfarbe deines Farbschemas) oder Benutzerdefiniert mit einer Benutzerdefinierte Farbe.
- Hover-Effekt: Keine, Marke (wechselt zur Markenfarbe), Skalierung, Anheben oder Deckkraft.
- Farbschema: der Hintergrund des Abschnitts und die Mono-Farbe.
- Abstand zwischen den Symbolen, Innenabstand und der Tab Benutzerdefiniertes CSS.
Rezepte
- Symbole, die dem Kunden folgen: Stelle Modus auf Fixiert und Position auf Rechts und schalte Inline auf Mobilgeräten ein. Auf Computern bleiben die Symbole am Bildschirmrand, während Kunden scrollen.
- Bunte App-Buttons: Stelle Aussehen auf App. Jede Plattform behält ihre eigene Markenfarbe, egal welche Farben dein Shop hat.
- Dezente Symbole passend zu deinem Shop: Aussehen Symbole, Form Keine, Farbpalette Mono und Hover-Effekt Marke, sodass die Markenfarbe nur beim Hovern erscheint.
Gut zu wissen
- Ein Link öffnet die falsche Seite: Prüfe, ob du nur den Benutzernamen eingegeben hast. Eine ganze Adresse oder zusätzliche Zeichen werden nicht akzeptiert.
- Fixierte Symbole verdecken auf Handys einen Button: Schalte Inline auf Mobilgeräten ein.