Social-Media-Buttons zu Ihrer Website hinzufügen

Social Media ist unverzichtbar für Ihre Online-Präsenz. Durch das Platzieren von Social-Media-Buttons und Feeds auf Ihrer Website erleichtern Sie es Besuchern, Ihnen zu folgen und Inhalte zu teilen. Dies erhöht Ihre Reichweite und baut eine Community rund um Ihre Marke auf.

Warum Social Media integrieren

Die Vorteile von Social Media auf Ihrer Website:

  • Besucher können Ihnen mit einem Klick folgen
  • Inhalte werden leichter geteilt
  • Social Proof durch das Anzeigen von Followern
  • Frische Inhalte über Social Feeds
  • Verbesserte Markenwiedererkennung
  • Mehr Traffic von Social-Plattformen

Social-Media-Icons hinzufügen

Schritt 1: Icon-Block platzieren

  1. Öffnen Sie Ihre Seite im Sitebuilder
  2. Klicken Sie auf das Plus-Icon, um ein Element hinzuzufügen
  3. Suchen Sie nach Social Icons oder Social Media
  4. Ziehen Sie den Block an die gewünschte Position

Schritt 2: Plattformen auswählen

Wählen Sie aus, welche Plattformen Sie anzeigen möchten:

  1. Klicken Sie auf den Social-Icon-Block
  2. Gehen Sie zu Einstellungen
  3. Haken Sie die Plattformen an, die Sie verwenden:
    • Facebook
    • Instagram
    • LinkedIn
    • X (ehemals Twitter)
    • YouTube
    • TikTok
    • Pinterest
    • WhatsApp Business
  1. Klicken Sie auf jedes Icon
  2. Fügen Sie die URL zu Ihrem Profil ein
  3. Zum Beispiel: https://www.facebook.com/ihreseite
  4. Wiederholen Sie dies für alle Plattformen

Icon-Styling

Passen Sie das Aussehen an, damit es zu Ihrer Website passt.

Icon-Stile

Wählen Sie einen Stil für Ihre Icons:

  • Gefüllt: Icon mit farbigem Hintergrund
  • Umrandet: Nur der Rand des Icons
  • Minimalistisch: Einfache Linien-Icons
  • Quadratisch: Mit abgerundeten Ecken
  • Rund: Kreisförmige Icons

Farben anpassen

  1. Wählen Sie den Icon-Block aus
  2. Gehen Sie zu Design
  3. Wählen Sie:
    • Originalfarben: Facebook-Blau, Instagram-Verlauf, etc.
    • Eine Farbe: Alle in derselben Farbe (passend zu Ihrem Branding)
    • Benutzerdefinierte Farben: Pro Icon einstellen

Größe und Abstand

Passen Sie die Größe an:

  1. Verschieben Sie den Größeregler
  2. Stellen Sie den Abstand zwischen den Icons ein
  3. Wählen Sie horizontale oder vertikale Ausrichtung

Teilen-Buttons hinzufügen

Lassen Sie Besucher Ihre Inhalte auf Social Media teilen.

Teilen-Block platzieren

  1. Gehen Sie zu der Seite, die Sie teilbar machen möchten
  2. Fügen Sie ein Teilen-Buttons-Element hinzu
  3. Positionieren Sie es bei Ihrem Artikel oder Produkt

Teilbare Plattformen

Wählen Sie aus, welche Plattformen verfügbar sind:

  • Facebook teilen
  • LinkedIn teilen
  • X (Twitter) tweeten
  • WhatsApp senden
  • E-Mail weiterleiten
  • Link kopieren

Teilbare Inhalte einstellen

  1. Öffnen Sie die Einstellungen des Teilen-Blocks
  2. Konfigurieren Sie:
    • URL: Aktuelle Seite oder spezifischer Link
    • Titel: Was geteilt wird
    • Bild: Über Open Graph-Einstellungen

Social-Media-Feeds anzeigen

Zeigen Sie Ihre neuesten Beiträge direkt auf Ihrer Website an.

Instagram-Feed

  1. Fügen Sie ein Instagram-Feed-Element hinzu
  2. Verbinden Sie Ihr Instagram-Konto
  3. Konfigurieren Sie:
    • Anzahl der Beiträge (4, 6, 8, 12)
    • Spaltenlayout
    • Likes und Kommentare anzeigen oder verbergen

Facebook-Feed

  1. Fügen Sie ein Facebook-Feed-Element hinzu
  2. Verbinden Sie Ihre Facebook-Seite
  3. Wählen Sie aus, welche Beiträge angezeigt werden
  4. Gestalten Sie den Feed nach Wunsch

Automatische Updates

Feeds werden automatisch aktualisiert, wenn Sie neue Inhalte auf Social Media veröffentlichen. Sie müssen nichts manuell tun.

Platzierungsvorschläge

Wo platzieren Sie Social-Media-Elemente am besten?

Der gängigste Ort:

  1. Gehen Sie zu Ihrem Header- oder Footer-Template
  2. Fügen Sie Social Icons hinzu
  3. Sie erscheinen nun auf jeder Seite

Für Blogs und Content-Websites:

  1. Erstellen Sie einen Sidebar-Bereich
  2. Fügen Sie Follow-Buttons hinzu
  3. Zeigen Sie Ihren Instagram-Feed an

Kontaktseite

Ein logischer Ort für Social Links:

  1. Platzieren Sie Icons bei Ihren Kontaktdaten
  2. Fügen Sie eine persönliche Nachricht hinzu
  3. Kombinieren Sie mit einer Karte

Blog-Artikel

Bei oder unter Ihren Artikeln:

  1. Fügen Sie Teilen-Buttons über oder unter dem Inhalt hinzu
  2. Zeigen Sie den Autor mit Social Links an
  3. Fördern Sie das Teilen mit einem Call-to-Action

Best Practices

Relevanz bewahren

  • Zeigen Sie nur Plattformen, die Sie aktiv nutzen
  • Entfernen Sie inaktive Profile
  • Qualität vor Quantität

Konsistente Markenbildung

  • Verwenden Sie dasselbe Profilbild auf allen Plattformen
  • Halten Sie Ihren Firmennamen konsistent
  • Verlinken Sie zu professionellen Profilen

Mobile Optimierung

  • Testen Sie, ob Icons groß genug sind, um sie zu berühren
  • Überprüfen Sie, ob Links auf Mobilgeräten korrekt öffnen
  • Erwägen Sie Sticky Social Buttons

Erweiterte Optionen

WhatsApp-Chat-Button

Fügen Sie einen WhatsApp-Button für direkten Kontakt hinzu:

  1. Fügen Sie ein WhatsApp-Button-Element hinzu
  2. Geben Sie Ihre geschäftliche Telefonnummer ein
  3. Stellen Sie eine Standardnachricht ein
  4. Wählen Sie die Position (oft unten rechts)

Social Proof anzeigen

Zeigen Sie Ihre Follower-Zahl an:

  1. Einige Widgets zeigen automatisch Follower an
  2. Verwenden Sie Badges von Plattformen
  3. Seien Sie vorsichtig mit niedrigen Zahlen

Open Graph-Optimierung

Bestimmen Sie, wie Ihre Seiten aussehen, wenn sie geteilt werden:

  1. Gehen Sie zu Seiten-Einstellungen und wählen Sie SEO
  2. Scrollen Sie zu Social Media
  3. Laden Sie ein OG-Bild hoch (1200x630 Pixel)
  4. Füllen Sie einen ansprechenden Titel und eine Beschreibung aus

Häufig gestellte Fragen

Icons werden nicht angezeigt

Überprüfen Sie:

  • Ist das Element korrekt hinzugefügt?
  • Sind die URLs gültig?
  • Gibt es einen Konflikt mit Ihrem Thema?

Stellen Sie sicher, dass:

  • URLs mit https:// beginnen
  • Sie die vollständige URL verwenden
  • Links in einem neuen Tab öffnen

Feed lädt nicht

Versuchen Sie:

  • Konto erneut verbinden
  • Berechtigungen auf der Plattform überprüfen
  • Cache leeren

Verwandte Artikel

Brauchen Sie Hilfe?

Wir sind für Sie da! Stoßen Sie auf Probleme oder haben Sie Fragen? Unser Support-Team hilft Ihnen gerne persönlich weiter. Senden Sie uns eine Nachricht über das Ticketsystem - wir antworten in der Regel innerhalb weniger Stunden und denken gerne mit Ihnen mit.