14 flexible Social Media Share Buttons

14 flexible Social Media Share Buttons

von: BÜRO FÜR DIGITALEN VVANDEL... bisher keine Bewertungen 95 Downloads
Buchungsoptionen:
Um den Merkzettel zu nutzen, musst du die dafür notwendigen Cookies akzeptieren. Cookies akzeptieren
Nutzbar in:
Nicht verfügbar
Diese App kann nicht in einem Shopware Cloud Shop verwendet werden.
Cloud
Self-hosted
Diese App wird für Shopware 6 bereitstehen
Voraussichtlich verfügbar ab Dez. 2024
Support
Dieser Extension Partner reagiert schnell auf Supportanfragen
Details
  • Gnnrp91135087459m
  • BÜRO FÜR DIGITALEN VVANDEL | vvandel.io GmbH
  • 1.0.2
  • 02.04.2020
  • de_DE en_GB
  • 5.2.0 – 5.2.27
    5.3.0 – 5.3.7
    5.4.0 – 5.4.6
    5.5.0 – 5.5.10
    5.6.0 – 5.6.10
    5.7.0 – 5.7.19
Sharing is Caring! Hoffentlich sehen Ihre Kunden dies auch so! Mit diesem Plugin wird es ihnen... mehr

Produktinformationen

Sharing is Caring!

Hoffentlich sehen Ihre Kunden dies auch so! Mit diesem Plugin wird es ihnen immerhin ordentlich erleichtert. Auf der Artikel-Detail-Seite können sie nun das Produkt mit einem einfachen Klick teilen.

Folgende Dienste sind möglich

  • Email via "mailto"
  • SMS / iMessage
  • WhatsApp
  • facebook Messenger
  • facebook via share URL
  • facebook via Dialog Funktion
  • Twitter
  • Pinterest
  • Pocket
  • google+
  • Linkedin
  • Xing
  • Snail Mail via Druckfunktion
  • zusätzlich kann der Link zum Artikel in die Zwischenablage kopiert werden

Flexibel in der Anzeige

Drucken auf dem Handy wird wohl keiner, auch ist teilen über SMS auf dem Desktop eher fehl am Platz. Daher kann für jeden Dienst individuell bestimmt werden, für welche Gerätekategorie er angezeigt werden soll. Auch ein komplettes deaktivieren einzelner Services ist natürlich möglich. So wird der Zielgruppe nur das angezeigt, was auch verwendet wird. Schließlich sollen die Buttons nicht vom eigentlichen Einkaufserlebnis ablenken.

Daher kann man auch alle Buttons verstecken und erst auf Nutzeranforderung auf der Seite erscheinen lassen. So stört nichts die Conversion Rate. Sie kennen Ihre Zielgruppe am besten und wissen, welche Dienste Sie wie einbinden sollten.

Flexibel im Layout

Jeder Shop ist individuell. Daher ist dieses Plugin möglichst flexibel gehalten worden, um sich an die Optik des Shops anpassen zu können. So lassen sich über die Textbausteine die Icons und Beschriftungen anpassen und über das CSS kann der Shopware Standard Button eine komplett neue Optik erhalten.

Um die Geschwindigkeit vom Shop nicht negativ zu beeinträchtigen ist das Plugin schlank gehalten. Es greift also zunächst nur auf Shopware Komponenten zurück und liefert keine eigenen Icons. Dies hat den Vorteil, dass Sie nur das laden müssen, was Sie Ihren Kunden anzeigen möchten. In der Installationsanleitung ist das CSS hinterlegt, welches man für die gezeigten Beispiele benötigt.

Eingebautes Analysewerkzeug

Wenn im Shop google Analytics oder Piwik eingesetzt wird, um das Verhalten der Nutzer zu analysieren, so lässt sich über die Konfiguration das Event Tracking für die Share Buttons aktivieren. Sie finden also leicht heraus, welche Dienste von Ihrer Zielgruppe angenommen werden. Twittern Ihre Nutzer gerne die Artikel? Verlosen Sie doch ein Produkt für den kreativsten Tweet und kurbeln Sie so die Social Media Aktivität Ihrer Kunden noch mehr an.

Bewertungen lesen, schreiben und diskutieren... mehr

Kundenbewertungen

Konfigurationsanleitung

Gnnrp Share Buttons

Das Plugin muss über den Shopware Plugin Manager installiert und aktiviert werden. Sobald das Plugin aktiv ist, kann man die verschiedenen Einstellungen über Einstellungen | Grundeinstellungen | Weitere Einstellungen | Gnnrp Share Buttons vornehmen, um die Buttons an die eigenen Anforderungen anzupassen. Hier lässt sich für jeden Dienst definieren, ob er angezeigt wird, bei welcher Gerätekategorie er erscheint und in welcher Reihenfolge er steht. Außerdem lässt sich das Tracking über Piwik oder google Analytics aktivieren sowie die Option aktivieren, dass die Buttons erst per Klick auf der Detailseite erscheinen sollen.

Da für einige Facebook Dienste eine Facebook App ID benötigt wird, kann man diese hier auch hinterlegen.

Textanpassungen

Der Text sowie die Icons vom Plugin lassen sich probemlos über die Textbausteine (Einstellungen | Textbausteine) anpassen. Hierfür sucht man am einfachsten nach GnnrpShareButtons um alle Werte zu sehen, die man anpassen kann.

Anpassungen auf der Shopseite sichtbar machen

Das Plugin lädt aus Performance-Gründen immer nur die Daten, die für den Betrieb notwendig sind. Daher muss nach Ändern der Einstellungen das Theme neu kompiliert, sowie der Cache geleert werden. Ansonsten kann das Plugin nicht im vollen Funktionsumfang genutzt werden oder wird ggf. nichtmal angezeigt.

Layout anpassen

Das Layout lässt sich leicht über CSS anpassen. Idealerweise installiert man in ein eigenes Theme einen entsprechenden Icon Font und nutzt Shopwares SASS Logik um ideale Performance zu erreichen. Aber auch im Standard Theme lassen sich externe Icons einbinden sowie CSS anpassen. Dies geht über Einstellungen | Theme Manager | Theme konfigurieren | Konfiguration | Weitere CSS Dateien.

Die gezeigten Beispiele aus dem Plugin Store lassen sich mit folgendem Code leicht nachbauen:

CSS-Beispiel 1

<link target="_blank" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" media="all" type="text/css"><style type="text/css"> .GnnrpShare { margin: 0rem 1rem .1875rem 0rem; border: 0; background: none; padding: 0; font-size: 0.8rem }.GnnrpShare--WhatsApp i { color: #075e54; }.GnnrpShare--FacebookShare i { color: #3b5998; }.GnnrpShare--Twitter i { color: #1da1f2; }.GnnrpShare--Print i { color: #d6083b; }</style>

CSS-Beispiel 2

<link target="_blank" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" media="all" type="text/css"><style type="text/css"> .GnnrpShare { margin: 0rem 1rem .1875rem 0rem; border: 1px solid #dadae5; border-radius: 50%; width: 60px; height: 60px; text-align: center; background: none; padding: 10px; font-size: 0.8rem }.GnnrpShare i { color: #fff; margin-top: 5px; }.GnnrpShare:hover i { color: #d9400b; }.GnnrpShare--WhatsApp { background-color: #075e54; }.GnnrpShare--FacebookShare { background-color: #3b5998; }.GnnrpShare--Twitter { background-color: #1da1f2; }.GnnrpShare--Print { background-color: #d6083b; }</style>

CSS-Beispiel 3

<link target="_blank" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css" media="all" type="text/css"><style type="text/css"> .GnnrpShare { margin: 0rem 1rem .1875rem 0rem; border: 0; background: none; font-size: 0.8rem; font-weight: 300; }.GnnrpShare i { font-size: 2.5rem; }.GnnrpShare--Twitter { }.GnnrpShare--Print { }</style>

Änderungen

Version 1.0.2

Korrektur der js-Pfade

Version 1.0.0

Version 1.0.0: Erste Veröffentlichung


Infos zum Extension Partner

BÜRO FÜR DIGITALEN VVANDEL | vvandel.io GmbH BÜRO FÜR DIGITALEN VVANDEL... Shopware Extension Partner Shopware Extension Partner 2 Erweiterungen 5 Ø-Bewertung
Aktuelle Version:

Version:

2,49 € * /Monat
Monatlich kündbar

Gratis Probemonat

Diese App startet mit einem kostenlosen Probemonat. Die Miete kann jederzeit monatlich gekündigt werden oder wird zu den angegebenen Preisen automatisch verlängert.

Updates und Support

Um den Merkzettel zu nutzen, musst du die dafür notwendigen Cookies akzeptieren. Cookies akzeptieren

Zuletzt angesehen