Hoe toon / embed ik activiteiten van mijn organisatie op mijn eigen (of een andere) website?

Embedden. Embed-code. Vacatures, workshops en activiteiten laten zien op je eigen website. Of die van een ander.

Je kunt je vacatures / workshops / activiteiten eenvoudig op je eigen website (of die van een ander) plaatsen met behulp van een embed-code (zie ook: Tips & Tricks: embed-codes). Sterker nog, die code kan je overal op het web plaatsen waar je jouw activiteiten wilt tonen.

Hoe kom ik aan mijn embed-code?

 

TIP: als je alleen een bepaald type activiteit wilt tonen kun je één of meerdere typen in de dikgedrukte code in het voorbeeld hieronder weglaten.

<iframe title="deedmob" src="https://nl.volunteer.deedmob.com/embed/deeds/nl?organizationSlug=deedmob&type=volunteering%2Ccommunity%2Cworkshop&embedKey=0a0f0b7eb67621d904ff0266ef6842dc2cb4db85a251aac43355f207fa897847" style="border:0px #ffffff none;" name="deedmob-widget" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" height="730px" width="1050px" allowfullscreen></iframe>

 

Hoe plaats ik de code op mijn (of een andere) website?

Als je je keuze gemaakt hebt voor een van de opties kopieer je de code en plak je die op je site. Hoe je dat precies moet doen hangt af van de technologie waar jouw site op gebouwd is. Hieronder lichten we het proces uit voor Wordpress, Wix, Drupal, en Squarespace.

Wil je, je activiteiten op een andere site tonen dan kan je de code delen met de beheerder van die site.


VOORBEELDEN


Wordpress

 
Dit kan met behulp van het "Insluitblok". Hier wordt uitgelegd hoe je dat doet.

 


Wix

  1. Log in op je beheerdersdashboard van je wix-website
  2. Installeer de volgende Wix-app: https://www.wix.com/app-market/html-iframe-embed/overview
  3. Voeg de Wix-app toe aan je website waar je de vacatures wilt plaatsen.
  4. Kies de optie 'HTML-code' en voeg de embed-code van jouw organisatie toe

 


Drupal

 


Squarespace

Volg de 'code block'-handleiding van: https://support.squarespace.com/hc/en-us/articles/206543227-Embed-Blocks-vs-Code-Blocks om een iframe toe te voegen.