Spotify in Elementor website weergeven

Spotify in Elementor website weergeven

Onlangs wilde ik mijn website versnellen en daarom heb ik ervoor gekozen om het thema dat ik gebruikte te verwijderen. Dat thema bood niet alleen een leuke lay-out, maar ook een aantal leuke widgets. Tot een van die widgets behoorde de mogelijkheid om een Spotify-nummer of een volledige Spotify-playlist af te kunnen spelen. Ik schrijf regelmatig over festivals en om mijn lezers in de sfeer mee te nemen, vind ik een playlist wel toepasselijk. Op zoek dus naar een mogelijkheid om Spotify in Elementor te krijgen. 

Spotify

In sommige gevallen is het uitermate geschikt om een heerlijke playlist aan een pagina toe te voegen. Muziek zorgt voor sfeer en geluid spreekt meer dan duizend woorden. Spotify is een van de populairste manieren om muziek mee af te spelen. Het is een app dat je kunt downloaden, zodat je het overal altijd bij je hebt. Spotify is gratis te gebruiken, maar je kunt er ook voor kiezen om een abonnement af te sluiten. Het voordeel van een abonnement is dat je geen reclame hebt, je ook offline kunt luisteren en een nog betere geluidskwaliteit krijgt. 

Elementor

soundcloud instellen voor elementorElementor is een webdesign programma om je eigen pagina’s mee samen te stellen. Door middel van een simpel drag-and-drop systeem kun je alles wat je wilt hebben, zelf op zijn plek zetten. Eerder schreef ik al een uitgebreid artikel over Elementor. Om Spotify in Elementor weer te geven, hoef je geen betaald account te hebben. 

Spotify in Elementor zetten

Wanneer ik Google op Spotify in Elementor, is een van de eerste opties om een plugin te downloaden. Doordat verschillende plugins mijn website aanzienlijk vertragen, wilde ik op zoek gaan naar een manier waarop ik niet een nieuwe plugin hoefde te downloaden. Ik vertel je stap voor stap hoe je Spotify in Elementor weergeeft: 

  1. Ga naar Spotify en kopieer de link van de playlist of het nummer dat je wilt weergeven
  2. Open de desbetreffende pagina in Elementor
  3. Plaats een Soundcloud widget
  4. Vervang de standaard link door de Spotify link die je bij stap 1 hebt gekopieerd

Wil je liever Spotify in een tekstkolom weergeven, dan werkt het hetzelfde als bij de klassieke editor. De uitleg daarvoor staat onder de afbeelding beschreven. Spotify in Elementor zetten

Spotify weergeven zonder Elementor?

Heb je geen Elementor, maar wil je toch graag Spotify weergeven op je website? Ook dat is geen probleem en kan zelfs zonder plugin. WordPress heeft inmiddels een klassieke editor en een Glutenberg editor. De manier waarop je dan Spotify implementeert, hangt dus ook af van de desbetreffende editor. Ik leg de manieren in beide gevallen voor je uit: 

De klassieke Editor: 
  1. Ga naar Spotify en kopieer de link van de playlist of nummer dat je wilt weergeven
  2. Open de desbetreffende pagina in WordPress
  3. Plak vervolgens de link die je bij stap 1 hebt gekopieerd in het tekstvak
  4. De link zou automatisch omgezet moeten worden naar een ingebedde Spotifyplayer

Wanneer de link niet automatisch om wordt gezet, maar zich toont als een normale link, verwijder dan de link door op het gebroken paperclipje te drukken. 

De Glutenberg Editor:
  1. Ga naar Spotify en kopieer de link van de playlist of nummer dat je wilt weergeven
  2. Open de desbetreffende pagina in WordPress
  3. Klik vervolgens op blok toevoegen of add block
  4. Type Spotify in de zoekbalk en klik op de Spotify block
  5. Plak vervolgens de link die je bij stap 1 hebt gekopieerd in het tekstvak.

Wil je Spotify weergeven door middel van een widget? Dat doe je op de volgende manier: 

  1. Ga naar Spotify en kopieer de link van de playlist of nummer dat je wilt weergeven
  2. Ga naar Weergave >Widgets 
  3. Plaats een tekst-widget en voeg de volgende shortcode toe:
    • Plaats een [
    • Type spotify 
    • Plaats de desbetreffende link die bij stap 1 is gekopieerd
    • sluit af met een ] 
  4. Wanneer jij je aanpassingen hebt gepubliceerd, wordt de Spotify-widget vormgegeven 

Toch liever een Spotify plugin?

Zoals je ziet heb je helemaal geen Spotify plugin nodig om Spotify in Elementor weer te geven. Op veel verschillende manieren kan jij bezoekers meenemen in de muzikale sferen van jouw desbetreffende onderwerp. Wil je toch liever een Spotify Plugin downloaden? Dan zijn deze plugins beschikbaar: 

Er zijn nog meer Spotify Plugins beschikbaar, maar die zijn al jaren niet meer geüpdatet. Ik raad daarom ook niet aan die te gebruiken om Spotify in Elementor weer te geven. 

Hoe breng jij Spotify in Elementor?

Spotify in Elementor

*Dit artikel bevat affiliatie links

SHARE:

Share on facebook
Share on twitter
Share on pinterest
Share on email

Misschien is dit ook iets voor jou!