14 flexible Social Media Share Buttons
by BÜRO FÜR DIGITALEN VVANDEL... no ratings yet Source Available 82 DownloadsCurrent version:
Cloud / Self-hosted
This extension/theme cannot be used in a Shopware Cloud shop. Cloud Self-hosted
This plugin is available for Shopware 6
Support
- Support by: BÜRO FÜR DIGITALEN VVANDEL | vvandel.io GmbH
- Support languages:
Plugin details
- Order number: Gnnrp91135087459
- Manufacturer: BÜRO FÜR DIGITALEN VVANDEL | vvandel.io GmbH
- Version: 1.0.2
- Last update: 2 Apr 2020
- Language support:
- Self-hosted compatibility: 5.2.0 – 5.2.275.3.0 – 5.3.75.4.0 – 5.4.65.5.0 – 5.5.105.6.0 – 5.6.9
Product information
Sharing is Caring!
Hopefully your customers agree. At least this plugin will help them to do it. On the article detail page they can share a product easily with one click.
following services are possible
- Email via "mailto"
- SMS / iMessage
- facebook Messenger
- facebook via share URL
- facebook via Dialog Funktion
- google+
- Snail Mail via print function
- additionally the article link can be copied easily into the clipboard
flexible in displaying
Printing on a mobile? Sending SMS on a Desktop? Makes no sense. Therefore you can set by yourself for every service on which type of device you want him to be displayed. It is also possible to disable a service completely. Your target group will only see what is relevant for them. Nothing should distract the shopping experience.
That is the reason why you can also hide all buttons. The become only visible after a click to protect your conversion rate. You will know best which option fits you.
flexible in design
Every shop is unique. Therefore the plugin is a flexible as possible to fit the design from your shop. Via text snippets and CSS you can modify the labels and the Icons. The Standard Shopware Button Design can easily a new look and feel.
Due to performance reasons the plugin is developed with a small footprint. It is using only shopware components and is not including any additional Icons. The advantage is that only the files are loaded which are needed for your customers. In the documentation you can find the CSS to rebuild the Icons from the examples.
build in analysis
If you are tracking your customers with google analytics or Piwik you may want to know which Share Links are clicked? Just activate the tracking option and soon you will know which service is used mostly from your target group.
Customer reviews
As the owner of this extension you can rate it in the Shopware account
Rate now in your accountInstallation manual
Gnnrp Share Buttons
The Plugin must be installed and activated via the Shopware Plugin Manager. As soon as the plugin is aktiv you can modify the plugin to your needs via settings (Configuration | Basis Settings | Additional Settings | Gnnrp Share Buttons). You can define fo every service if he should be visible, for which devices he should be visible and in which order he should appear. Also you can activate Tracking via google analytics or Piwik and that the buttons are only visible after klick on the "share" link.
Due to the reason that some Facebook Services require an Facebook App ID you can also add it in the settings.
edit Texts
The Text and the Icons from the plugins can be changed easily via snippets (Configuration | snippets). Just search for GnnrpShareButtons to see all values which can be changed.
show changes on the shop frontend
Due to performance reasons the plugin is only loading necessary files. Therefore you need to compile the theme and empty the cache after changing a setting. Otherwise it can happen that you can not use the plugin as expected.
adjust the Layout
The Layout is easy changeable via CSS. Best usecase regarding the performance would be to add an Icon Font to an own theme and to use the build in SASS Functionality from Shopware. But you can also use the standard theme with own Icons. This is working via Configuration | Theme Manager | Configure Theme | Configuration | Additional CSS Data.
The shown examples from the plugin Store can be rebuild easily with following Code:
CSS-Example 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-Example 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-Example 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>Changelog
Version 1.0.2
correcting path of js-files
Version 1.0.0
Version 1.0.0: Initial Release
About the manufacturer
