14 flexible Social Media Share Buttons

14 flexible Social Media Share Buttons

von: gnnrp
l Quelloffen
41 Downloads
Responsive

Version:

15,00 €  *

Support durch gnnrp

Dieser Hersteller reagiert sehr schnell auf Supportanfragen
    Gnnrp91135087459
  • 1.0.0
  • 15.09.2017
  • de_DE en_GB
  • von gnnrp
  • 5.2.11 – 5.2.27
    5.3.0 – 5.3.7
    5.4.0 – 5.4.6
    5.5.0 – 5.5.1
Sharing is Caring! Hoffentlich sehen Ihre Kunden dies auch so! Mit diesem Plugin wird es... 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

Installationsanleitung

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 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" media="all" rel="stylesheet" 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 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" media="all" rel="stylesheet" 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 href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css" media="all" rel="stylesheet" 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.0

Version 1.0.0: Erste Veröffentlichung


Infos zum Hersteller

2 Erweiterungen
1 0 0
5 Ø-Bewertung

Version:

15,00 €  *

Support durch gnnrp

Zuletzt angesehen