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.

Deze vind je misschien ook interessant:

Linken binnen dezelfde pagina met anchorlinks

Linken binnen dezelfde pagina kun je doen met anchorlinks. Anchorlinks worden vaak gebruikt wanneer je veel content op een pagina hebt staan. Daarnaast zie je...

Secties en widgets sticky maken met Elementor

Hoe maak je elementen sticky op je pagina met Elementor? Met Elementor Pro kun je bijna alle sticky maken op je pagina. Denk aan de...

Wat is een Sticky Sidebar en hoe stel je dit in?

Een sticky sidebar is een sidebar die blijft staan terwijl je scrollt. Een sticky sidebar stel je in als je content langer is dan de...