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 Facebook-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 embed-widget om content van andere pagina’s te embedden met behulp van HTML-code

Klik op het tabblad elementen in Sitebuilder. Je krijgt dan een overzicht van alle beschikbare widgets.

Een overzicht van de widgets in STRATO Sitebuilder
De STRATO Sitebuilder heeft veel widgets om content aan andere 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
  • Vimeo
  • Linkedin
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.

widget diashow
In de editor van de widget ‘diavoorstelling’ kun je eenvoudig afbeeldingen uploaden en samenstellen.

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

Is er geen geschikte widget voor de externe content die je wilt plaatsen? Gebruik dan de embed-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 het tabblad elementen in Sitebuilder en sleep de embed-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 embed-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 embed-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

Delen

  1. Avatar

    Barbershop HNDRCKX Male Grooming zei op

    Het zou mooi en voor ons bedrijf ideaal zijn als er een whatsapp-button beschikbaar komt. Zijn hier al ideeen/plannen voor?

    Beantwoorden
    • Jorrit van der Heide

      Jorrit van der Heide zei op

      Hi,

      Bedankt voor je vraag over een whatsapp-button in Sitebuilder. Je vindt Whatsapp als share-button in deze widget:

      Vervolgens kun je de instellingen nog iets aanpassen:

      Ik hoop dat dat is wat je zoekt? Laat het graag weten!

      Hartelijke groet,

      Jorrit

      Beantwoorden
  2. Avatar

    Geert De Smet zei op

    Ik heb de blog widget in een pagina geplaatst maar het lukt me niet om foto’s te plaatsen. Het icoontje van afbeelding is niet aan te klikken. Hoe plaats ik foto’s in mijn blog artikel, want nu heeft bloggen niet veel zin, als je geen foto’s kan plaatsen.

    Beantwoorden
    • Jorrit van der Heide

      Jorrit van der Heide zei op

      Beste Geert,

      Dank voor je vraag. Bij de blog-widget werkt het zo dat je de afbeelding eerst moet uploaden, voordat je ze in een blogartikel kunt plaatsen. Je kunt foto’s en andere bestanden uploaden onder “uploader”. Vervolgens kun je de foto of het bestand in je blogartikel gebruiken. Dit is misschien niet helemaal de volgorde die je normaliter zou verwachten, maar zo werkt het in dit geval.

      Hopelijk helpt je deze info verder. Laat het ons weten als je nog vragen hebt en veel plezier bij het bloggen.

      Hartelijke groet,

      Jorrit

      Beantwoorden
  3. Avatar

    Petra zei op

    Ik kan de embed widget niet vinden onder de elementen knop….

    Beantwoorden
    • Jorrit van der Heide

      Jorrit van der Heide zei op

      Beste Petra,

      Dank voor je vraag. Ik stuur je een screenshot door:

      Je zou ‘m als het goed is onder elementen (ter rechter zijde) moeten kunnen vinden.

      Hopelijk helpt je dat verder. Als je nog verdere hulp nodig hebt, laat het ons gerust weten!

      Met vriendelijke groet,

      Jorrit van der Heide

      Beantwoorden
  4. Avatar

    shelly van Amerongen zei op

    Hoi,

    Ik heb een website wat internationaal aangeboden moet worden. Ik kan nergens een widget vinden om de pagina naar het Spaans te vertalen bijvoorbeeld. Kan dit met de embed widget wel?

    Beantwoorden
    • Jorrit van der Heide

      Jorrit van der Heide zei op

      Beste Shelly,

      Bedankt voor je vraag. Helaas is een automatische vertaling van je website met het embed-widget niet mogelijk. Wel kun je een tweede Spaanse versie van je website aanmaken. Wie dan jouw website bezoekt, krijgt de keus tussen Nederlands en Spaans. Wat je daarvoor moet doen, is het aanpassen van de websitestructuur zoals hier uitgelegd (helaas alleen in het Duits).

      Mocht je er niet uitkomen, laat het ons weten.

      Hartelijke groet,

      Jorrit van der Heide

      Beantwoorden
  5. Avatar

    Jan de Vries zei op

    Is het ook mogelijk om een stukje HTML in te voeren/te embedden vanaf een externe URL? En welke andere opties zijn er, naast Scripts, beschikbaar onder “Type insluiting”?

    Beantwoorden
    • Jorrit van der Heide

      Jorrit van der Heide zei op

      Hallo Jan,

      Bedankt voor je reactie!

      Je kunt inhoud op twee manieren insluiten via de embed-widget. Via URL of scripts (embed-code).
      Wat betreft je vraag: Ja, als je ‘scripts’ kiest, kun je met HTML een externe website op jouw pagina embedden.

      Ik hoop dat ik je met deze informatie verder kon helpen.

      Met vriendelijke groet,

      Jorrit van der Heide

      Beantwoorden

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