Showit, Websites

Zo voeg je je Instagram feed toe aan je Showit website

februari 24, 2021

Ik ben Marit.
Ik help vrouwelijke ondernemers met het maken en zelf bijhouden van een kick-ass website!
TOp categories
Alles over de fijnste websitebuilder die er bestaat
Alle nieuwtjes omtrent de Instagram updates en meer!
Download mijn gratis e-book
Gimme that

Je kunt met Showit heel gemakkelijk een Instagram widget toevoegen aan je website. Zo zie je altijd je live Instagram feed, up-to-date, waar je maar wilt op je website! In deze blogpost leg ik je uit hoe je zo’n Instagram feed toevoegt.

Snapwidget of Lightwidget?

Er zijn twee verschillende opties om je Instagram feed toe te voegen. Snapwidget of Lightwidget zijn twee partijen die beiden goed werken.

SnapWidget (gratis of betaald)

Snapwidget kun je gratis gebruiken, maar als bezoekers dan op je insta-posts klikken, komen ze uit op de website van Snapwidget, in plaats van op je Instagram. Dat is niet wat je wilt natuurlijk! Je hebt je Instagram daar niet voor niets staan, dus je wilt dat mensen doorklikken naar je daadwerkelijke Instagram pagina.

Die betaalde versie linkt wél door naar je Instagram. Deze start vanaf $6 per maand.

Maar.. Hier kunnen we ook een trucje voor vinden. Welke dat is, lees je aan het eind van deze post.

LightWidget kost eenmalig $10, daarom werk ik hier met SnapWidget.

Hoe embed je je Instagram op Showit met SnapWidget?

Stap 1: Creëer een SnapWidget account.

Stap 2: Klik ‘CHOOSE A SERVICE’ en klik vervolgens op Instagram.

Stap 3: Je kunt nu uit verschillende layout opties kiezen voor je Instagram feed. Als je met je muis over de plaatjes beweegt zie je dat het eerste plaatje een ‘grid’ weergeeft. Deze moet je hebben!

Stap 4: Klik op ‘CONFIGURE WIDGET’. Je krijgt hierna een scherm te zien waar je je grid kunt aanpassen naar de instellingen die jij wilt. Allereerst connect je je Instagram met SnapWidget door je username in te vullen. Daarna kun je je feed vormgeven hoe jij hem op je website wilt laten zien.

Ik ga zelf voor een lange rij met meerdere foto’s naast elkaar.

DESIGN TIP
Wil je 1 lange rij foto’s over de gehele breedte van je website? Kies dan een 1×10 en plaats je feed tegen de linkerkant van je site canvas. Geef de ‘width’ van de embedded code een waarde van 2400px, en de hoogte hetzelfde aantal pixels als wat je in SnapWidget hebt ingesteld.

Voeg je widget toe aan Showit

Als je klikt op ‘GET WIDGET’ krijg je een pop-up te zien met daarin een embed code. Kopieeer deze code en log-in bij Showit en open je website.

Ga naar het canvas waar je je Instagram feed aan wilt toevoegen en voeg een ‘Embed Code’ box toe.

Plak de embedded code in deze box en klik op ‘SAVE’.

Schaal nu je feed zo groot als je wilt, en je bent klaar!

Mobiele customization

Hij ziet er op mobiel nu niet altijd even goed uit, afhankelijk van het design wat je hebt gekozen. Je kan er daarom nog eentje maken met andere instellingen in die vervolgens ook toevoegen, zodat het er op mobiel ook goed uit ziet. Dit doe je op hetzelfde canvas.

Om ervoor te zorgen dat je geen 2 feeds over elkaar te zien krijgt, zet je je desktop feed uit voor mobiel, en je mobiele feed uit voor desktop.

Dat doe je door links in het Showit menu op het desktop of mobiel icoontje te klikken.

Hoe zorg je dat SnapWidget wél doorlinkt naar Showit?

We hebben net geconcludeerd dat Snapwidget niet doorlinkt naar Instagram, heel irritant! Gelukkig is daar een trucje voor te bedenken.

Stap 1: Maak een groot vierkant, en plaats deze over je feed heen.

Stap 2: Zet de HORIZONTAL LOCKING op de volledige breedte van je pagina. Zo weet je zeker dat het vierkant over je gehele feed geplaatst wordt.

Stap 3: Voeg bij ‘CLICK ACTIONS’ de URL van je Instagram pagina in.

Stap 4: Ga naar ‘EFFECTS’ en zet de opacity van je vierkant op 0%. Voila!

Conclusie

Je Instagram feed toevoegen aan Showit is dus helemaal niet moeilijk, en ook nog eens gratis 🙂

Wil je nou meer leren over Showit? Bekijk dan eens de Showit Dummy course, daar laat ik je voor slechts €25 de basis van Showit zien!

Add a comment
+ show Comments
- Hide Comments

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Browse By Category

Showit

Webdesign

Marketing & instagram

SEO

benieuwd of Showit bij jou past?

Doe de Showit Quiz!

Showit is een builder die bij heel veel ondernemers past, maar ik snap dat je het wel zeker wilt weten voor je een template overweegt. Ontdek of Showit een goede match is voor jou! Ik beloof je, je krijgt eerlijk antwoord ;)

DOE DE QUIZ!

de studio

Website laten maken

Wil jij een website die er mooi uit ziet, goed werkt én die je zelf kunt bijhouden zonder moeilijke codes of editors? Studio MHilarius biedt precies dat waar jij naar op zoek bent. Jij kunt gemiddeld binnen 2 weken live!

MEER INFO
meer leren

Webdesign Academy

Na deze cursus weet jij ALLES over webdesign, typografie, hoe je met je website opvalt tussen al die andere fotografen en en hoe je online klanten aantrekt!

MEER INFO

Ben je benieuwd hoe de templates er bij anderen uit zien? Bekijk de showcase

de showit templates

Pas het template binnen 10 minuten aan naar je eigen stijl!

FREEBIE

Tips en tricks die jij direct kunt toepassen om meer ideale klanten binnen te halen.

FREEBIE

Zorg dat jij alle items op de checklist kan afvinken! 

Meld je aan voor de nieuwsbrief

Ontvang gratis tips over je website, marketing en nog veel meer als je lid wordt van de nieuwsbrief! 

Uiteraard kun je je op ieder moment weer afmelden (maar dat wil je vast niet ;))

Schrijf je direct in, helemaal gratis!