Sitebuilder widgets: externe content in je website integreren

Sitebuilder widgets: externe content in je website integreren

Met STRATO Sitebuilder kun je jouw eigen website eenvoudig uitbreiden met content van andere sites, zoals Twitter-berichten, YouTube-video’s of kaarten van Google Maps. Wij laten je zien wat je kunt integreren in je website en hoe gemakkelijk dit gaat.

Widgets: kleine bouwstenen om content toe te voegen

In Sitebuilder heb je zogenaamde widgets ter beschikking. Dit zijn bouwstenen die je vrij kunt plaatsen in de design-vakken van Sitebuilder. Zo voeg je snel en eenvoudig content en handige functies toe aan je website. In Sitebuilder vind je de volgende soorten widgets:

  • Social media-widgets om nieuws- en statusberichten te tonen
  • Shopwidgets om producten te verkopen
  • Widgets voor agendafuncties of het integreren van kaarten
  • Widgets om foto’s, fotogalerijen of video’s toe te voegen
  • Een scripts-widget om content van andere pagina’s te embedden met behulp van HTML-code

Ga naar Website bewerken en kies vervolgens Inhoudselementen in de editor van Sitebuilder. Je kunt dan door alle beschikbare widgets scrollen.

STRATO Sitebuilder heeft veel widgets om content aan pagina’s toe te voegen. Zo kun je bijvoorbeeld content van sociale netwerken integreren in je website.

1. Widgets voor sociale netwerken

Onder elementen vind je veel widgets die je kunt gebruiken om nieuws en statusupdates van sociale netwerken op je website te plaatsen. Tot de widgets in deze sectie behoren:

  • Facebook
  • Twitter
  • YouTube
  • Linkedin
  • Soundcloud
  • Vimeo
Widget naar het gewenste veld slepen
Sleep de widgets naar je website om in een handomdraai contactformulieren, kaarten, fotoalbums en meer te maken.

2. Widgets voor shops, agenda en kaarten

Widgets helpen je ook om producten en diensten aan te bieden op je website. Met de shop-widget (bijv. van eBay) kun je een eigen webshop op je site plaatsen.

Met de agenda-widget heb je mogelijkheden voor afspraken of reserveringen op je website. En je kunt gebruikmaken van de contactformulier-widget om bezoekers van je site de mogelijkheid te bieden om berichten naar jou te sturen. Tot slot is er een widget kaart en route, waarmee je websitebezoekers helpt om jouw fysieke locatie te vinden en routes te plannen.

Contactformulier widget

Plaats een contactformulier om voor bezoekers bereikbaar te zijn.

3. Widgets voor foto’s, diavoorstellingen en collages

Voor een mooie presentatie op je website kun je veel meer doen dan alleen foto’s plaatsen. Met de widgets fotogalerij, diavoorstelling en fotogrid heb je creatieve mogelijkheden om je foto’s of producten aantrekkelijk op je site te presenteren. Na het plaatsen van de widgets hoef je alleen nog maar de afbeeldingen te uploaden en de module volgens je ideeën te configureren. Zo kun je in slechts weinig tijd opvallende effecten creëren.

Sitebuilder - widget fotogalerie

4. Scripts-widget: HTML-code van andere websites invoegen

Is er geen geschikte widget voor de externe content die je wilt plaatsen? Gebruik dan de scripts-widget. Daarmee voeg je HTML-code in die andere websites je ter beschikking stellen. Dit werkt bijvoorbeeld met de volgende online diensten:

  • Pinterest-boards
  • Foto’s op Deviant Art
  • Spotify-playlists
  • Deezer-playlists
  • Etsy-shops
  • Periscope-video’s
  • En diverse andere diensten

In het volgende voorbeeld zie je hoe je een Pinterest-widget kunt plaatsen:

  1. Ga naar Inhoudselementen in Sitebuilder en sleep de scripts-widget naar de gewenste positie op je website.
  2. In een nieuw browservenster open je de Widget Builder van Pinterest. Hier bepaal je of je een enkele pin, een pinboard of een profiel wilt koppelen. In ons voorbeeld kiezen we voor een board. Voer vervolgens de URL van het board in.
  3. Kopieer de code uit het invoervak naar het klembord en ga naar Sitebuilder. Open de configuratie voor de scripts-widget door te klikken op het tandwieltje.
  4. Kies de optie scripts onder type insluiting en plak de HTML-code van het klembord in het vak eronder. Bevestig met OK.
Pinterest code invoegen
Via de Widget Builder van Pinterest genereer je de HTML-code die je in de volgende stap in Sitebuilder invoegt.
Embed code invoegen
Voer de HTML-code in de scripts-widget in om het Pinterest-board op je website te plaatsen.
pinterest op je website
Op je startpagina verschijnen de nieuwste pins in je Pinterest-board.

Vanaf nu zal je website automatisch de laatste pins van je Pinterest-board weergeven.

Heb je zelf al widgets via je Sitebuilder in je website geïntegreerd? Laat ons dan in een commentaar onder deze blogpost eens zien wat je hebt gedaan.

Zin gekregen om je eigen website met onze Sitebuilder te bouwen?

Naar STRATO Sitebuilder

Dit artikel verscheen voor het eerst op 8 oktober 2018. We hebben het in mei 2023 volledig herzien en geactualiseerd.

Delen

  1. Jacques zei op

    Goede middag,
    Betr widgets LinkedIn delen. Ik zoek een widget waarmee je het icoontje van LinkedIn op de site kan zetten en als je het aantikken kom je op de desbetreffende LinkedIn site. Op internet staat het vol hoe je dat moet doen maar niet met Strato ( haha)
    De codes (2) kan ik toch via jullie Scripts widget op de site zetten? Dat lukt niet. Wat moet ik doen? Hieronder de codes

    Claudia Smulders

    Alvast bedankt voor uw antwoord

    Beantwoorden
  2. Jacques zei op

    Zie mijn ander bericht inz. Embedded widgets. Ik bedoelde daarmee de code die ik kan plakken in de speciale widget

    Beantwoorden
    • Jorrit van der Heide zei op

      Beste Jacques,

      Dank voor je vraag. Meestal wordt de HTML-code door de sites beschikbaar gesteld die je (of delen ervan) wilt embedden. Als je naar meer algemene oplossingen op zoek bent, moet je waarschijnlijk zelf met HTML aan de slag. Een site die je op gang kan helpen, is deze: https://www.w3schools.com/html/. Hopelijk heb je daar iets aan.

      Laat het ons graag weten als je nog meer vragen over Sitebuilder hebt!

      Hartelijke groet,

      Jorrit

      Beantwoorden
  3. Jacques zei op

    Waar kan ik (gratis) eenvoudige embedded widgets vinden zoals bv een dropdown menu

    Beantwoorden
  4. Annemay zei op

    Is het mogelijk om een widget toe te voegen waarbij mensen zich kunnen aanmelden voor een nieuwsbrief? Ik kan tot nu toe de juiste widget niet vinden. Alvast bedankt!

    Beantwoorden
    • Jorrit van der Heide zei op

      Beste Annemay,

      Bedankt voor je vraag. Een widget waarmee je bezoekers zich op je nieuwsbrief kunnen abonneren, bestaat momenteel niet. Wel kun je het contactformulier zo aanpassen dat geïnteresseerden eenvoudig hun e-mailadres kunnen achterlaten. Hiervoor verwijder je de invoervelden “telefoonnummer” en “bericht” en pas je de teksten iets aan. Onder “inleiding” schrijf je bijvoorbeeld: “Ja, ik wil me op de nieuwsbrief abonneren”. Als je het vakje onder “melding” aanvinkt, krijg je automatisch bericht over elke nieuwe aanmelding.

      Ik hoop dat deze informatie je verder helpt. Veel succes met je site!

      Hartelijke groet,

      Jorrit

      Beantwoorden
  5. Irene zei op

    Hallo, ik heb geen embed widget in de elementen. Ook zie ik de optie met Whatsapp niet. Heb ik een verouderde versie misschien? Of heb ik een goedkoper pakket waardoor deze opties niet beschikbaar zijn?

    Beantwoorden
    • Jorrit van der Heide zei op

      Beste Irene,

      Bedankt voor je vraag. Je vindt de widgets onder “elementen”. Het embed-widget vind je onder de naam “scripts”, whatsapp onder de naam “delen”, ook in jouw pakket (Sitebuilder Pro).
      Mocht je ze onverhoopt toch niet kunnen vinden, neem dan gerust even contact met onze klantenservice op.

      Hartelijke groet,

      Jorrit

      Beantwoorden
Meer reacties tonen

Je kunt pas een reactie plaatsen nadat je ons privacybeleid en cookies hebt geaccepteerd. Om privacyredenen mogen wij jouw persoonsgegevens anders niet verwerken.

Klik onderaan de pagina op de blauwe button OK. Nadat je de pagina opnieuw hebt geladen, kun je een reactie achterlaten.

 

Deze website maakt gebruik van cookies voor onder andere Google Analytics. Deze melding verdwijnt zodra je de cookies hebt geaccepteerd. Meer informatie