WordPress & Elementor kennisbank

Social media deelknoppen toevoegen met Elementor

Inhoud van dit artikel:

Elementor kan veel plugins vervangen, zo kun je met de tool ook makkelijk social media deelknoppen toevoegen aan je website. Bijvoorbeeld onderaan je blogartikelen. Met de ‘Share buttons’ widget kun je deze eenvoudig toevoegen aan al je pagina’s. Deze vind je in het Elementor panel:

Als je zoekt op ‘social’ vind je ook de ‘Sociale iconen’. Deze kun je gebruiken als je bezoekers wilt verwijzen naar je eigen social media kanalen.

Zelf de social media kanalen kiezen

Met de widget kun je zelf kiezen welke social media deelknoppen je op je website wilt plaatsen. Zo heb je de keuze uit:

  • Facebook
  • Twitter
  • Google+
  • LinkedIn
  • Pinterest
  • WhatsApp
  • Reddit
  • VK
  • OK
  • Tumblr
  • Delicious
  • Digg
  • Skype
  • StumbleUpon
  • Telegram
  • Pocket
  • XING

Daarnaast kun je ook een email of print button toevoegen.

Het toevoegen kun je doen door te klikken op ‘item toevoegen’.

Verwijderen doe je door op het kruisje te klikken.

Indien gewenst kun je het label voor de button aanpassen:

Let op: als je wilt dat de titel en beschrijving wordt meegestuurd met de link, dan moet je de samenvatting (excerpt) in WordPress invullen (naast de samenvatting die je misschien al hebt ingevuld in Yoast of een andere SEO plugin).

Social media deelknoppen stijl aanpassen

Verder heb je nog een aantal opties voor je social media deelknoppen:

View:
Hier kun je aangeven of je alleen de iconen, alleen de tekst of beide wilt tonen.

Label:
Het label (twitter, facebook etc) aan of uit zetten. Als deze uitstaat zie je dus alleen een icoon.

Aantal:
Geeft het aantal keer dat de pagina gedeeld is weer. Hiervoor moet je wel eerst jeĀ donReach API hebben ingevoerd bij ‘Integraties’ in Elementor.

Skin:
Hier heb je de keuze uit Gradient, Minimal, Framed, Boxed Icon of Flat.

 

Shape:
Maak de buttons vierkant, rond of ’rounded’ (afgeronde hoeken).

Columns:
Geef aan in hoeveel kolommen je de deelknoppen wilt weergeven. Deze kun je vaak op ‘automatisch’ laten staan.

Alignment:
Uitlijning van de buttons.

Target url:
De url die gedeeld moet worden. Deze staat standaard op Current Page, maar je kunt hier ook een custom URL invoeren.

Stijl van de social media buttons aanpassen

Onder het tabje ‘Stijl’ kun je nog meer aanpassingen doen voor de buttons. Zo kun je bijvoorbeeld de grootte aanpassen, de gap grootte tussen de buttons en een aangepaste kleur gebruiken (bijvoorbeeld kleuren die meer passen bij je huisstijl). Ook kun je kiezen voor een andere typografie.

Social media buttons op meer pagina’s of templates toevoegen?

Wil je de social media buttons op meerdere pagina’s toevoegen? Dan is het handig om een global widget voor de iconen in te stellen, zodat je steeds dezelfde stijl en deelknoppen op je website laat zien.

Ook interessant voor jou

Elementor loop builder: 10 praktische voorbeelden

Inzendingen Elementor formulier opslaan in WordPress

Multi-step formulier maken in WordPress met Elementor

Mis geen updates

Blijf op de hoogte van de laatste
Elementor Trends & Ontwikkelingen!

No worries, je ontvangt max. 2 keer per maand een mailing.