Instagram feed op je website

Eunoia Studio | grafisch ontwerpstudio | branding | webdesign | ebook

Ik heb intussen al een aantal blogs geschreven over de Instagram feed, maar zo nu en dan veranderd er (helaas) weer wat waardoor het kan zijn dat jouw plugin niet meer werkt.

In deze blog leg ik uit hoe je de plugin kan instellen én hoe je ze mooi kan weergeven op je website. Ik gebruik in het voorbeeld de footer, maar dit werkt allemaal hetzelfde voor de sidebar.

Smash Balloon Instagram Feed

Zorg als eerste dat de plugin is bijgewerkt naar de laatste versie.

  1. Vanuit je dashboard ga je naar > Instagram Feed. Deze vind je links en vaak helemaal onderaan.
  2. Je ziet daar een blauwe button met “Verbind een Instagram account” daar klik je op.
  3. Je vinkt: Personal of Business aan. Vervolgens op > Login with Instagram. Als je al bent ingelogd bij Instagram zal je alleen toestemming hoeven te geven en anders moet je eerst even inloggen. Daarna wordt je teruggestuurd en zie je als het goed is dat je account is gekoppeld.
  4. Dan ga je naar > Weergave en dan naar > Widgets, dan zet je de widget “Eigen HTML” op de plek waar je het wilt hebben (bijvoorbeeld sidebar of footer). Vervolgens zet je in die widget de volgende code:

[instagram-feed imagepadding=0 showheader=false showbutton=false showfollow=false disablemobile=true]

* haal de rode stipjes even weg zodat het aansluit als je de code plaatst. Dit heb ik even gedaan zodat de code niet werkt. ;-)

Tip: wil je ruimte om je foto’s zet dan de 0 bij “imagepadding=0” op bijvoorbeeld 5px.

Kom je er niet helemaal uit of wil je het liever uit handen geven?
Neem dan gerust contact met mij op, ik wil je met alle liefde helpen! :)