Home › Kennisbank › WordPress
Hoe voeg ik social media-knoppen toe aan mijn WordPress-website?
Direct antwoord
Voor knoppen die naar je eigen profielen linken heb je geen plugin nodig. Voeg in de editor van WordPress het blok Sociale iconen toe, kies een netwerk en plak de link naar je profiel. Wil je dat bezoekers jouw pagina’s kunnen delen, gebruik dan een plugin met deelknoppen, zoals AddToAny.
Wat heb je nodig?
- Een inlog voor het WordPress-dashboard van je website
- De adressen van je profielen, bijvoorbeeld
https://www.instagram.com/jouwbedrijf - Een keuze voor de plek van de knoppen: op één pagina, in de header of in de footer
Stappenplan8 stappen
Wat is het verschil tussen volgknoppen en deelknoppen?
Een volgknop is een icoon dat linkt naar jouw eigen profiel op bijvoorbeeld Instagram, Facebook of LinkedIn. Een deelknop laat een bezoeker jouw pagina of bericht delen op zijn eigen social media.
Het stappenplan voegt volgknoppen toe met het blok Sociale iconen. Dat blok zit in de blokeditor van WordPress (ook Gutenberg genoemd) en wordt steeds vaker gebruikt in plaats van een zware plugin. Voor deelknoppen heb je wel een plugin nodig.
Stappenplan 8 stappen
Stap 1: Log in op WordPress
Ga naar jouwdomein.nl/wp-admin en log in. Vervang jouwdomein.nl door je eigen domeinnaam.
Stap 2: Open de plek waar de knoppen moeten komen
Waar je klikt, hangt af van de plek en van je thema:
- Eén pagina of bericht: klik in het menu links op Pagina’s of Berichten en daarna op de titel.
- Header of footer bij een blokthema (je ziet Editor onder Weergave): ga naar Weergave > Editor, klik op Patronen en open bij Template onderdelen de Header of de Footer.
- Footer of zijbalk bij een klassiek thema (je ziet Widgets onder Weergave): ga naar Weergave > Widgets en open het widgetgebied.
- Paginabouwer zoals Elementor: pas de header of footer aan in de paginabouwer, met het eigen onderdeel voor sociale iconen.
Stap 3: Voeg het blok Sociale iconen toe
Klik op het plusteken (Blok toevoegen) op de plek waar de knoppen moeten komen. Typ in het zoekveld Sociale iconen en klik op het blok Sociale iconen.
Stap 4: Kies het eerste netwerk
Klik in het lege blok op het plusteken. Er opent een lijst met netwerken, zoals Facebook, Instagram, LinkedIn, TikTok en YouTube. Klik op het netwerk dat je wilt toevoegen, of typ de naam in het zoekveld van de lijst.
Stap 5: Plak de link naar je profiel
Klik op het icoon dat nu in het blok staat. Er verschijnt een invoerveld. Plak daar het adres van je profiel, bijvoorbeeld https://www.instagram.com/jouwbedrijf, en druk op Enter.
Let op: een icoon zonder link toont WordPress niet op je website.
Stap 6: Voeg de andere netwerken toe
Klik opnieuw op het plusteken in het blok. Kies het volgende netwerk en plak de link, net als bij het eerste netwerk.
Stap 7: Pas het uiterlijk aan
Klik op het blok Sociale iconen. Zie je rechts geen zijbalk, klik dan rechtsboven op Instellingen. In de zijbalk kies je de grootte van de iconen en stel je in dat de links in een nieuw tabblad openen.
Stap 8: Sla je wijzigingen op
Klik rechtsboven op Opslaan. Bij een nieuwe pagina heet deze knop Publiceren. In het widgetscherm kan de knop Updaten heten.
Controleer of het gelukt is
Open je website in een nieuw tabblad. Zie je de iconen en opent elk icoon het juiste profiel, dan is het gelukt. Controleer op je telefoon of de iconen groot genoeg zijn om aan te tikken.
Hoe voeg ik knoppen toe met een plugin, via mijn thema of met code?
Met een plugin (meest gebruikt). Een plugin is snel ingesteld en heeft veel functies, zoals deelknoppen, eigen stijlen en het meten van kliks. Bekende plugins zijn AddToAny, Social Warfare en Simple Social Icons.
- Ga naar Plugins > Plugin toevoegen, zoek de plugin op naam en klik op Nu installeren en daarna op Activeren.
- Kies in de instellingen van de plugin welke netwerken je toont. Bij AddToAny staan die onder Instellingen > AddToAny.
- Plaats de knoppen via een widget, een blok of een shortcode (een korte code tussen vierkante haken).
Let op: een plugin kan extra scripts laden en je website vertragen. Kijk ook wanneer een plugin voor het laatst is bijgewerkt. Social Warfare is al langere tijd niet bijgewerkt.
Via je thema. Ga naar Weergave > Customizer of naar de instellingen van je thema en zoek een onderdeel met een naam als Social Media of Sharing. Vul de links naar je profielen in en kies de plek: header, footer of zijbalk. Dit is een lichte oplossing zonder plugin, maar met minder vrijheid.
Handmatig met code. Je voegt zelf HTML-links naar je profielen toe, geeft ze vorm met CSS en plaatst ze in de header, de footer of de inhoud. Je hebt volledige controle over het ontwerp en geen plugin nodig, maar wel technische kennis.
Waar moet ik op letten bij snelheid, privacy en plaatsing?
- Snelheid: knoppen van een plugin kunnen externe scripts laden. Dat kost laadtijd en kan je Core Web Vitals verslechteren, de meetpunten waarmee Google de snelheid en stabiliteit van een pagina beoordeelt. Het blok Sociale iconen laadt geen externe scripts.
- Privacy: sommige knoppen volgen het gedrag van bezoekers (tracking). Houd dan rekening met de AVG (in het Engels GDPR) en neem het op in je privacyverklaring en cookiemelding.
- Plaatsing: zet deelknoppen waar ze opvallen, bijvoorbeeld boven of onder de tekst van een bericht. Dan worden ze vaker gebruikt.
Werkt het niet?
Een icoon staat in de editor maar niet op je website
Het icoon heeft nog geen link. Klik in de editor op het icoon, plak het adres van je profiel in het invoerveld, druk op Enter en sla opnieuw op.
Je vindt het blok Sociale iconen niet
Je pagina opent dan waarschijnlijk in een paginabouwer zoals Elementor of in de klassieke editor. Gebruik het onderdeel voor sociale iconen van je paginabouwer, een plugin of de instellingen van je thema.
De knoppen staan maar op één pagina
Het blok staat dan in de inhoud van die pagina. Zet het blok in de header of de footer om de knoppen op elke pagina te tonen. Lees hoe je de header en footer aanpast in WordPress.
Je website is trager sinds je een plugin met deelknoppen gebruikt
Zet in de instellingen van de plugin de netwerken en tellers uit die je niet nodig hebt. Meet de snelheid daarna opnieuw. Lees hoe je Google PageSpeed Insights gebruikt.
Veelgestelde vragen
Welke netwerken zet ik op mijn website?
Alleen de netwerken die bij je doelgroep passen en waar je zelf actief bent. Dat houdt je website overzichtelijk en snel.
Kan ik ook een knop voor WhatsApp of e-mail toevoegen?
Ja. Het blok Sociale iconen heeft ook een icoon voor WhatsApp en voor e-mail. Bij het icoon voor e-mail vul je alleen je e-mailadres in.
Kan ik de kleuren van de iconen aanpassen aan mijn huisstijl?
Ja. Standaard heeft elk icoon de kleur van het netwerk. Bij de stijlen van het blok kies je een eigen kleur voor de iconen en voor de achtergrond.
Hulp nodig?
Schakel de helpdesk van ViVortis in als:
- je de header of footer van je website niet zelf kunt aanpassen
- je het blok Sociale iconen niet kunt vinden of gebruiken
- je website trager is geworden na het installeren van een plugin met deelknoppen
Dien een ticket in via de helpdesk van ViVortis en voeg waar mogelijk een screenshot toe.
Lukt het niet?
Dien een ticket in met een screenshot van wat je ziet. De helpdesk reageert meestal binnen één werkdag.