Zurück zu Blog

Hinzufügen von Social Share Buttons zu Ihrer Webflow-Website

Lassen Sie die Nutzer Ihre Seite ganz einfach in den sozialen Medien teilen.

{{ Template "copy-button" "id:extension-social-buttons" }}

Überblick 📚.

Möchten Sie Schaltflächen hinzufügen, mit denen Ihre Nutzer Ihre Seiten in den sozialen Medien teilen können? Fügen Sie diese Schaltflächen in Sekundenschnelle zu Ihrer eigenen Webflow-Website hinzu und passen Sie sie so an, dass sie so aussehen, wie Sie möchten! Fügen Sie einfach die Attribute wie unten gezeigt hinzu, und der Code erledigt den Rest.

Derzeit unterstützen wir die Freigabe von sozialen Medien für Twitter, Facebook, Linkedin und Whatsapp.


Um dies zu Ihrem Projekt hinzuzufügen, folgen Sie den einfachen Schritten und fügen Sie den benutzerdefinierten Code in Ihr Projekt oder Ihre Seiteneinstellungen ein.

{{ Template "gist" "text:Before </body> tag" "id:b1575ff947fa534912ec35f8defbdcef" }}

Anweisungen ✍️

1. Fügen Sie das Skript zu Ihren benutzerdefinierten Code-Einstellungen hinzu

Navigate to your page settings or project settings and add the script into your Before </body> tag code area.


2. Erstellen Sie Ihre Schaltflächen und fügen Sie die Attribute hinzu

Fügen Sie Schaltflächen oder Link-Blöcke zu Ihrer Seite hinzu und gestalten Sie sie nach Ihren Wünschen. Wir werden diesen Elementen ein ID-Attribut hinzufügen, das es uns ermöglicht, diese Elemente in den sozialen Medien zu teilen.

Wählen Sie Ihre Schaltfläche aus und navigieren Sie zur Registerkarte Einstellungen.

Fügen Sie Ihr benutzerdefiniertes Attribut mit dem Wert "true" hinzu, zum Beispiel:

Name: data-share-twitter
Wert: true
Name: data-share-linkedin
Wert: true
Name: data-share-facebook
Wert: true
Name: data-share-whatsapp
Wert: true

3. Veröffentlichen Sie Ihre Website und testen Sie sie

Sobald Sie Ihr Skript und die benötigten IDs hinzugefügt haben, können Sie es veröffentlichen und testen.

ANDERE ANLEITUNGEN &AMP; LEKTIONEN

Steigern Sie Ihre Webflow-Site weiter.

Schließen Sie sich heute über 30.000
Creators an.

Tragen Sie sich in unsere Newsletter-Liste ein, um gelegentliche Updates, Produkte und Einblicke zu erhalten.

Danke schön! Ihre Einsendung ist eingegangen!
Hoppla! Beim Einreichen des Formulars ist etwas schiefgegangen.
Schließen Sie sich 30.000+ anderen Kreativen in unseren Gemeinschaften an.