Hoe kan ik Social Media knoppen toevoegen aan mijn webshop?
Hiervoor zijn meerdere opties mogelijk:
1. Schakel de social sidebar in op je webshop.Deze sidebar kan op iedere pagina worden teruggebracht en heeft als functie om een (product)pagina van je webshop te delen in het social media account van de bezoeker. Onder
Instellingen > Webshop > Social Media tref je de mogelijkheid om deze in te schakelen en welke knoppen je wilt tonen.
2. Plaats social media buttons
Als je het bereik van je Facebook-, Instagram- en/of Twitterpagina wilt vergroten is het belangrijk dat je jouw aanwezig op social media zichtbaar maakt op de webshop. Hiervoor kun je Social media knoppen terugplaatsen, die de bezoeker kan aanklikken en doorstuurt naar n van je
social bedrijfsprofielen. Wanneer je googled op 'Social Media Icons' krijg je een hoop zoekresultaten met gratis te gebruiken social media iconen. Als je eenmaal een mooie set aan iconen hebt gevonden kan je deze het beste terugplaatsen in de footer van je webshop. Deze ruimte wordt dan ook gedeeld alle aanwezige pagina's in de webshop en zodoende zijn de knoppen altijd zichtbaar voor de klant.
Ga hiervoor naar
Pagina's beheren > Pagina overzicht > Webshop (klik op Bewerken) > Footer (onderaan). In de footer klik je hierna op 'Nieuw pagina element' en vervolgens op 'Tekst toevoegen'. Je voegt vervolgens de gewenste social media icoontjes aan de teksteditor. Om de knoppen aanklikbaar te maken plaats je (hyper)links achter de social media icoontjes: je selecteert hiervoor n voor n een afbeelding en klikt vervolgens op de schakel knop in de werkbalk. In de popup plaats je vervolgens onder 'Url' het webadres van je bedrijfsprofiel (bijv. https://www.facebook.com/shoppagina) en klik je op 'Ok' ter bevestiging. Als je alle hyperlinks hebt toegevoegd klik je onderaan het tekstelement op 'Toepassen' en vervolgens bovenaan op 'Opslaan'.
3. Voeg een een Social Plug-in toe aan de webshopAnderzijds heb ook je de optie om social plug-ins (ook wel Widgets genoemd) terug te plaatsen, bijvoorbeeld de 'embedded' timeline of likebutton van Facebook. Je kunt deze widgets eenvoudig toevoegen aan je webshop via onze zogenaamde HTML Snippets module. Hoe je een snippet kunt maken en op een paghina plaatsen tref je verderop in onze veelgestelde vragen.
Bij het aanmaken van een HTML Snippet, waar je HTML code in wilt plaatsen, is het van belang dat je eerst de optie "WYSIWYG editor" op "Nee" zet. Vervolgens kun je een of alle van de volgende codes in de HTML Snippet zetten.
Facebook
<fb:like layout="box_count"></fb:like>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/nl_NL/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, "script", "facebook-jssdk"));</script>
De Like-button kan nog verder worden aangepast. Dit kun je doen via de volgende pagina Like Button op Facebook. Naast de Like Button heeft Facebook nog veel meer zogenaamde Social Plugins.
Twitter (Share button)
<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-lang="en">Tweet</a>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, "script", "twitter-wjs"));</script>
Ook de Twitter-button kun je verder personaliseren via de pagina Twitter buttons op Twitter.com.
Google+
<g:plusone size="tall"></g:plusone>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//apis.google.com/js/plusone.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, "script", "plusone-js"));</script>
Pinterest
Om de HTML-code op te vragen voor de Pinterest Widget ga je naar de volgende URL: http://about.pinterest.com/goodies/. Daar klik je op de link "Make Pin It Button". Je kunt vervolgens een aantal keuzes maken met betrekking tot de weergave en werking van Pin It button. Wanneer je deze keuzes hebbt gemaakt kun je de HTML-code opvragen. Je krijgt dan 2 gele blokken met code te zien. Je dient beide codes in de HTML-Snippet te zetten.
