ShareThis buttons toevoegen aan je WooCommerce producten

Als je gebruik maakt van de plugin WooCommerce dan kan je heel eenvoudig ShareThis buttons toevoegen. Standaard maak je dan gebruik van de Facebook, Twitter, E-mail en Google Plus Button.

ShareThis Publisher ID

Het enigste wat je even moet doen is op de website van ShareThis een Publiser ID aanmaken. Na het aanmaken van dit ID krijg je automatisch je Publisher ID opgestuurd. Dit ID moet je kopiëren en plakken bij Integratie: “ShareThis Publisher ID”

WooCommerce Instellingen

Na het aanmaken van je Publisher ID ga ja naar: WooCommerce --> Instellingen --> Integratie --> ShareThis.

Je ID kan je hier toevoegen en de code kan je ook hier aanpassen voor een optimale weergave.

ShareThis Buttons

Als je gebruik maakt van WooCommerce dan ziet de “social” code er zo uit:

<div class=”social”>
<iframe src=”https://www.facebook.com/plugins/like.php?href={permalink}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21″ style=”border:none; overflow:hidden; width:100px; height:21px;”></iframe>
<span class=”st_twitter”></span><span class=”st_email”></span><span class=”st_sharethis” st_image=”{image}”></span><span class=”st_plusone_button”></span>
</div>

Deze code moet je iets aanpassen om ervoor te zorgen dat alle buttons goed worden weergegeven. Doe je dit namelijk niet dan schiet de Facebook button over de twitter button heen. In de code zie je 100px dik gedrukt. Dat betekent dat de Facebook Button 100px breed is. Dit moet iets worden vergroot naar 120 pixels. Je past de code dus aan: van 100px maak je 120px.

Na deze wijziging klik je op: “wijzigingen opslaan”.

De buttons moeten er nu goed uitzien.

Gelukt? Laat dan even een reactie achter.