Instagram koppelen in Websitemaker? Ontdek hier de 10 nieuwe features
Ontdek de laatste innovaties in Websitemaker! We zijn er weer met een nieuwe update en we kunnen niet wachten om 10 nieuwe features te bespreken die we voor je in petto hebben. Dus scroll naar beneden en kom erachter wat jij voor jouw website goed kunt gebruiken.
Elk kwartaal plaatsen we een nieuwe blog over Websitemaker van Mijndomein met de meest handige nieuwe opties. De vorige update ging onder meer over startpagina’s aanpassen.
1. Deel automatisch Instagram-foto’s op je website
Vergroot de betrokkenheid op je website, zorg ervoor dat afbeeldingen altijd actueel zijn en verhoog ook nog eens de zichtbaarheid van je Instagram-account. Allemaal door de nieuwe koppeling in Websitemaker.
Koppel eenvoudig een fotogalerijwidget aan je account en je Instagram-afbeeldingen worden direct op je site weergegeven. Dit betekent dat je niet hoeft in te loggen in Websitemaker om afbeeldingen bij te werken. Ze worden automatisch bijgewerkt elke keer als je ze update op Instagram. Handig toch?
De kracht van Instagram in 2024
Instagram is ’s werelds snelst groeiende social mediaplatform en heeft enorme voordelen voor bedrijven van alle soorten en maten:
- Instagram heeft meer dan 1 miljard actieve gebruikers per maand. Daarmee zijn ze het derde populairste sociale netwerk ter wereld, na YouTube en Facebook.
- Instagram wordt steeds populairder bij 45-minners. Instagram is altijd populair geweest bij jongeren, maar het grootst groeiende publiek is ouder dan 18 jaar. Als jij je dus richt op 18-45’ers dan kan je niet wegblijven van Instagram.
- 80% van de Instagram-gebruikers volgt een bedrijf. En dat aantal groeit voortdurend. Dit maakt Instagram een geweldige manier voor bedrijven om klanten te bereiken wanneer ze niet op je site komen, wat uiteindelijk de betrokkenheid en verkoop vergroot.
Hoe koppel je Instagram aan je website?
Klik de fotogalerij aan en dan op ‘Instagram koppelen’. Voer vervolgens je Instagram-accountgegevens in. Eenmaal verbonden heb je alle ontwerpflexibiliteit van de fotogalerijwidget. Kies bijvoorbeeld hoeveel afbeeldingen je tegelijkertijd wilt weergeven (je kunt er maximaal 100 tonen).
Tip: stel je fotogalerij in op ‘automatisch kolommen aanpassen’ waardoor het er altijd automatisch mooi uitziet. Zie hieronder voor meer informatie.
2. Boost je conversie door formulieren met afbeeldingen
Maak de formulieren op je website duidelijker en gebruiksvriendelijker door afbeeldingen toe te voegen. Het formulier is voor gebruikers makkelijker in te vullen als ze een afbeelding kunnen selecteren in plaats van een nummer of tekst. Dit kan zorgen voor meer verkoop op je website.
Ontwerptips voor formulieren met afbeeldingen
Afbeeldingen zijn een mooie aanvulling op contactformulieren voor veel soorten sites; van voedselgerelateerde diensten (“kies welke smaak donut je wilt”) tot kamerkeuze in een hotel. Houd voor elk type formulier dat je met afbeeldingen ontwerpt de volgende tips in gedachten:
- Kies afbeeldingen die van hoge kwaliteit zijn en er samen goed uitzien.
- Zorg ervoor dat de afbeeldingen even groot zijn, met dezelfde breedte en hoogte.
- Je kunt een tekst bij de afbeelding zetten. In sommige gevallen is dat overzichtelijker.
3. Verrijk je website met animaties
Maak je website aantrekkelijker met opvallende animaties via de nieuwe Lottie-animatiewidget. De animaties zijn flexibel, laden snel en zien er goed uit op alle apparaten. De voordelen van animaties op je website:
- Meer focus. Animaties zorgen ervoor dat je bezoekers naar het door jou specifiek gekozen deel van je website kijken. Een afbeelding zegt meer dan 1000 woorden; een animatie is nog meer waard!
- Schaalbaarheid. Lottie-animaties zijn vectoren die op elk schermformaat en apparaattype passen. Dit betekent geen lelijke pixels meer, ongeacht de grootte.
- Kleine bestanden. Lottie-animaties worden geëxporteerd als JSON-bestanden. Dat is misschien wat technisch, maar betekent dat ze snel laden en je site niet vertragen.
- Flexibiliteit. Je kunt de kleur van de animatie rechtstreeks in de Lottie-editor wijzigen zodat hij past bij jouw site.
Tip: gebruik niet te veel animaties op één enkele pagina. Dat is verwarrend en onoverzichtelijk voor je bezoekers. Juist door met mate animaties in te zetten, haal je er het meeste uit.
Wat is Lottie?
Lottie is een internationale bibliotheek ontwikkeld door Airbnb die animaties weergeeft die gemaakt zijn in After Effects. De animaties worden snel, soepel en mooi weergegeven op je website.
In de Lottie-widget kies je animaties uit de verzameling die beschikbaar is op de Lottie-website. Of je maakt zelf een animatie bij Lottie en die exporteer je dan zodat je hem kunt gebruiken in Websitemaker. Lottie is een Engelstalige widget, meer informatie over werken met Lottie staat hier.
4. Gebruik achtergrondvideo’s voor mobiele apparaten
Trek de aandacht van bezoekers en creëer een moderne sfeer met een achtergrondvideo. Ze zijn nu beschikbaar op alle versies van je website: mobiel, tablet en desktop.
Als je een achtergrondvideo wilt toevoegen, open dan een rij of kolom en voer de URL in van de video die je wilt weergeven. Op de desktopversie van je website kun je YouTube-, Vimeo- en DailyMotion-video’s weergeven. Op mobiel worden alleen Vimeo- en DailyMotion-video’s getoond. Let er bij mobiele video’s altijd op dat ze niet te veel data kosten voor mensen die zonder wifi je website openen.
Tip: Voeg een duidelijk zichtbare tekst toe aan je video. Dat doe je door een dekking-overlay-kleur (zwart, 40%) te gebruiken op een lichte achtergrond.
5. Voeg een webshop toe aan Websitemaker
Verkoop je producten, e-books of lesmateriaal? Voeg dan nu een webshop toe aan je Websitemaker. Producten toevoegen en beheren kan eenvoudig in de editor van Websitemaker. Daarnaast hebben we een handige app voor iOS en Android. Maak een foto en koppel die direct aan het juiste product. Zo makkelijk kan e-commerce zijn!
Ook leuk: webshop is gekoppeld aan Google Shopping, Facebook, Instagram en meer externe partijen. Dat betekent dat je in een paar klikken ook via die platformen kunt verkopen. Scheelt jou weer een hoop werk en je verkoopt meer.
Upgrade naar een alles in 1 Webshoppakket
Pas jouw Websitemakerpakket aan naar een Webshoppakket in Mijn Account. Klik daarvoor op bundel wijzigen bij je domeinnaam. Het Webshoppakket is inclusief je bestaande Websitemaker en alles wat daarbij hoort zoals webhosting, e-mail en SSL. Lees alle ins en outs over MijnWebshop van Mijndomein op onze Webshoppakket productpagina.
6. Site-afbeeldingen laden sneller
Mijndomein levert nu WebP-afbeeldingen voor alle afbeeldingen op je website. Dat betekent dat ze sneller laden. Deze wijziging verbetert automatisch de siteprestaties en dat is goed om hoger te komen in de resultaten van zoekmachines.
WebP is een door Google ontwikkeld beeldformaat dat een afbeelding voor internet verkleint, waardoor ze sneller laden. Zo zijn WebP-afbeeldingen 26% kleiner dan PNG’s en 25-34% kleiner dan JPEG-afbeeldingen. Google vindt het belangrijk dat websites snel laden omdat dit beter is voor websitebezoekers. Die hoeven dan niet lang te wachten. Lees hier meer manieren om de snelheid van je website te verhogen.
WebP ook op jouw site? Publiceer hem opnieuw
Start je nu met een nieuwe website, dan hebben afbeeldingen al de WebP-indeling. Voor alle bestaande sites geldt: publiceer je site opnieuw en de afbeeldingen worden automatisch omgezet. Een paar laatste opmerkingen:
- Deze wijziging heeft geen invloed op de naam van de afbeelding.
- SVG’s en GIF’s worden niet omgezet naar WebP.
- Safari ondersteunt WebP niet, dus als iemand je site opent in deze browser, worden afbeeldingen in hun oorspronkelijke indeling weergegeven.
7. Minder spam en betere gebruikservaring van formulieren
De contactformulieren op je website hebben een extra beschermlaag met Google’s onzichtbare reCAPTCHA. Het beschermt je formulieren tegen spammers en is makkelijker voor sitebezoekers die geen robot zijn.
Onzichtbare reCAPTCHA beter voor je gebruikers
ReCAPTCHA voorkomt dat spammers je site aanvallen door te bepalen of een formulier wordt ingediend door een mens of een bot. Vroeger moest je voor zo’n controle als gebruiker vaak iets aanklikken, zoals foto’s met dezelfde inhoud. Maar met de onzichtbare versie van reCAPTCHA checkt Google zelf achter de schermen of iemand een echte gebruiker is. Iemand die je formulier invult, hoeft zelf niets meer te doen. Dat verbetert de gebruikservaring.
Kies zelf hoe je deze reCAPTCHA wilt weergeven: als een pictogram of tekst in het formulier, rechtsonder of links op het scherm. De onzichtbare reCAPTCHa is nu beschikbaar in elk contactformulier op nieuwe en bestaande websites.
8. Kolommen automatisch aanpassen in fotogalerij
Laat je fotogalerijen er elke keer beter uitzien door het aantal kolommen automatisch aan te passen. Dit betekent dat je galerijen er altijd uitgebalanceerd uitzien, ongeacht het aantal afbeeldingen dat ze weergeven. Je kunt dus afbeeldingen toevoegen of verwijderen zonder extra ontwerpbewerking.
De optie voor automatisch aanpassen van kolommen is vooral handig als je galerijen zijn verbonden met Instagram zoals eerder in dit artikel uitgelegd. Want als afbeeldingen worden bijgewerkt, wordt het ontwerp automatisch ook bijgewerkt om er precies goed uit te zien. Ook werkt het goed wanneer je dynamische pagina’s gebruikt, omdat je niet altijd weet hoeveel afbeeldingen elke dynamische pagina heeft.
Om deze mogelijkheid in te schakelen, ga je naar de ontwerpeditor van een fotogalerijwidget op je site en klik dan op ‘Kolommen automatisch aanpassen’.
9. Een dynamisch logo dat meebeweegt met scrollen
Maak je website nog levendiger met deze slimme ontwerpkeuze: een logo dat zich aanpast terwijl je bezoekers door je site scrollen. Het is een eenvoudige manier om je site opvallender te maken. Kies voor een ander kleurenschema of een licht aangepaste versie die perfect aansluit bij de rest van je ontwerp.
Zo werkt deze optie:
- Klik op de koptekst en ga naar ontwerp.
- Klik bij stijl op krimpende koptekst. Schakel de krimpende kopstekst in.
- Kies bij change logo on scroll een logo dat goed werkt met de achtergrond die zichtbaar is als je scrollt.
Deze wijziging kan een groot effect hebben op de uitstraling van je website en het is een slimme manier om je site te vernieuwen.
10. Nieuw sjabloon voor dienstverleners
Als je helemaal opnieuw begint of voor het eerst start met Websitemaker, is dit een leuk nieuwtje. Het sjabloon therapeut is een mooie basis voor (ZZP-)dienstverleners. Hij is modern, trendy en enorm veelzijdig. Van therapeuten tot interieurontwerpers, voor veel verschillende dienstverleners is dit een passend minimalistisch sjabloon met een professionele en verfijnde uitstraling.
Het kleurenschema van dit sjabloon is geïnspireerd op de Scandinavische kleurentrend. Het combineert sterke kleuren voor knoppen en pictogrammen met meer neutrale, op de natuur geïnspireerde kleuren, waaronder aardegroen, stoffig bruin en zacht blauw. Het algehele effect is betrouwbaar en geruststellend.
De titel vangt direct je blik met het opvallende, vetgedrukte Serif-lettertype. In plaats van verloren te gaan in de achtergrond, staat deze prominent en duidelijk boven de afbeeldingen – een stijlvolle manier om de aandacht te grijpen.
Tip: Dit ontwerp kiest voor kwaliteit boven kwantiteit wat betreft afbeeldingen. Zorg dus dat de afbeeldingen die je selecteert van topkwaliteit zijn, met levendige, heldere kleuren die naadloos aansluiten bij de stijl van je website.
Als kers op de taart introduceren we een bijzonder handige feature: de audiowidget. Perfect voor het delen van podcasts of muziek, deze widget maakt het plaatsen van audiobestanden op je site een fluitje van een cent. Nog niet bekend met deze optie? Je vindt hem gemakkelijk terug in het widgetmenu.
Aan de slag met Websitemaker
We zijn aan het einde gekomen van onze lijst met de nieuwste innovaties in Websitemaker. Elk van deze 10 features is ontworpen om jouw website niet alleen mooier en gebruiksvriendelijker te maken, maar ook om de interactie met je bezoekers te versterken. Van dynamische logo’s tot de integratie van Instagram en van verbluffende animaties tot handige audiowidgets: er is voor elk wat wils.
Heb je inspiratie gevonden in deze blog? Wacht dan niet langer en begin vandaag nog met het toepassen van deze features op jouw website. Ontdek hoe deze innovaties je online aanwezigheid kunnen transformeren en jouw boodschap kracht bij kunnen zetten. Duik nu in Websitemaker en breng je website naar het volgende niveau!
