Social media knoppen toevoegen aan je website
Social media knoppen toevoegen aan je website
Social media is onmisbaar voor je online aanwezigheid. Door social media knoppen en feeds op je website te plaatsen, maak je het bezoekers makkelijk om je te volgen en content te delen. Dit vergroot je bereik en bouwt een community rondom je merk.
Waarom social media integreren
De voordelen van social media op je website:
- Bezoekers kunnen je met een klik volgen
- Content wordt makkelijker gedeeld
- Social proof door het tonen van volgers
- Verse content via social feeds
- Verbeterde merkherkenning
- Meer verkeer vanuit social platforms
Social media iconen toevoegen
Stap 1: Iconen blok plaatsen
- Open je pagina in Sitebuilder
- Klik op het plus-icoon om een element toe te voegen
- Zoek naar Social iconen of Social media
- Sleep het blok naar de gewenste positie
Stap 2: Platforms selecteren
Kies welke platforms je wilt tonen:
- Klik op het social iconen blok
- Ga naar Instellingen
- Vink de platforms aan die je gebruikt:
- X (voorheen Twitter)
- YouTube
- TikTok
- WhatsApp Business
Stap 3: Links toevoegen
- Klik op elk icoon
- Plak de URL naar je profiel
- Bijvoorbeeld: https://www.facebook.com/jouwpagina
- Herhaal voor alle platforms
Iconen styling
Pas het uiterlijk aan zodat het bij je website past.
Icoon stijlen
Kies een stijl voor je iconen:
- Gevuld: Icoon met gekleurde achtergrond
- Omlijnd: Alleen de rand van het icoon
- Minimalistisch: Simpele lijn-iconen
- Vierkant: Met afgeronde hoeken
- Rond: Cirkelvormige iconen
Kleuren aanpassen
- Selecteer het iconen blok
- Ga naar Ontwerp
- Kies:
- Originele kleuren: Facebook blauw, Instagram gradient, etc.
- Een kleur: Allemaal dezelfde kleur (bij je huisstijl)
- Aangepaste kleuren: Per icoon instellen
Grootte en afstand
Pas de grootte aan:
- Versleep de grootteregelaar
- Stel de ruimte tussen iconen in
- Kies horizontale of verticale uitlijning
Delen knoppen toevoegen
Laat bezoekers je content delen op social media.
Deel blok plaatsen
- Ga naar de pagina die je deelbaar wilt maken
- Voeg een Deel knoppen element toe
- Positioneer het bij je artikel of product
Deelbare platforms
Kies welke platforms beschikbaar zijn:
- Facebook delen
- LinkedIn delen
- X (Twitter) tweeten
- WhatsApp versturen
- E-mail doorsturen
- Link kopieren
Deelbare content instellen
- Open de instellingen van het deel blok
- Configureer:
- URL: Huidige pagina of specifieke link
- Titel: Wat er gedeeld wordt
- Afbeelding: Via Open Graph instellingen
Social media feeds tonen
Toon je laatste posts rechtstreeks op je website.
Instagram feed
- Voeg een Instagram feed element toe
- Verbind je Instagram account
- Configureer:
- Aantal posts (4, 6, 8, 12)
- Kolomindeling
- Toon of verberg likes en comments
Facebook feed
- Voeg een Facebook feed element toe
- Koppel je Facebook pagina
- Kies welke posts worden getoond
- Stijl de feed naar wens
Automatische updates
Feeds worden automatisch bijgewerkt wanneer je nieuwe content plaatst op social media. Je hoeft niets handmatig te doen.
Plaatsing suggesties
Waar plaats je social media elementen het beste?
Header of footer
De meest gangbare locatie:
- Ga naar je header of footer template
- Voeg social iconen toe
- Ze verschijnen nu op elke pagina
Sidebar
Voor blogs en content websites:
- Maak een sidebar sectie
- Voeg volg-knoppen toe
- Toon je Instagram feed
Contactpagina
Een logische plek voor social links:
- Plaats iconen bij je contactgegevens
- Voeg een persoonlijk bericht toe
- Combineer met een kaart
Blog artikelen
Bij of onder je artikelen:
- Voeg deel knoppen boven of onder de content toe
- Toon de auteur met social links
- Stimuleer delen met een call-to-action
Best practices
Houd het relevant
- Toon alleen platforms die je actief gebruikt
- Verwijder inactieve profielen
- Kwaliteit boven kwantiteit
Consistente branding
- Gebruik dezelfde profielfoto op alle platforms
- Houd je bedrijfsnaam consistent
- Link naar professionele profielen
Mobiele optimalisatie
- Test of iconen groot genoeg zijn om aan te raken
- Controleer of links correct openen op mobiel
- Overweeg sticky social buttons
Geavanceerde opties
WhatsApp chat knop
Voeg een WhatsApp knop toe voor direct contact:
- Voeg een WhatsApp knop element toe
- Vul je zakelijke telefoonnummer in
- Stel een standaard bericht in
- Kies de positie (vaak rechtsonder)
Social proof tonen
Toon je aantal volgers:
- Sommige widgets tonen automatisch volgers
- Gebruik badges van platforms
- Wees voorzichtig met lage aantallen
Open Graph optimalisatie
Bepaal hoe je paginas eruitzien als ze gedeeld worden:
- Ga naar Pagina instellingen en selecteer SEO
- Scroll naar Social Media
- Upload een OG afbeelding (1200x630 pixels)
- Vul een aantrekkelijke titel en beschrijving in
Veelvoorkomende vragen
Iconen worden niet weergegeven
Controleer:
- Is het element correct toegevoegd?
- Zijn de URLs geldig?
- Is er een conflict met je thema?
Links openen niet goed
Zorg ervoor dat:
- URLs beginnen met https://
- Je de volledige URL gebruikt
- Links openen in een nieuw tabblad
Feed laadt niet
Probeer:
- Account opnieuw verbinden
- Permissies controleren op het platform
- Cache legen
Gerelateerde artikelen
- Custom HTML en CSS in Sitebuilder
- Video en audio toevoegen aan je website
- Mobiele weergave optimaliseren
Hulp nodig?
We staan voor je klaar! Loop je ergens tegenaan of heb je vragen? Ons supportteam helpt je graag persoonlijk verder. Stuur ons een berichtje via het ticketsysteem - we reageren meestal binnen een paar uur en denken graag met je mee.
0 van 0 vonden dit nuttig