Externe inhoud embedden


Door middel van het code veld kun je de externe toepassingen integreren (embedden) in je KBC-Agent website.

Let wel, dit is een geavanceerde functie die naargelang het gebruik mogelijks tegen de KBC-beleidslijnen ingaan.

Generiek gesproken gebeurt dit embedden in 2 stappen:

  1. In de externe applicatie kopieer je de embed-code
  2. Via de content builder van het CMS voeg je een nieuw veld 'Code' toe, waarin je deze embed code plakt in het veld 'Code' en vervolgens kiest hoe je deze ingevoegde content wil uitlijnen via het veld 'Alignering'

De code zelf en hoe je hier bijgeraakt hangt uiteraard af van applicatie tot applicatie, maar hieronder alvast enkele vaak gebruikte voorbeelden.

Youtube

  1. Ga naar het filmpje van je keuze op Youtube, bv. Activatie van afspraken proces op Youtube
  2. Klik vervolgens op de knop 'Share'
  3. In het venster dat verschijnt klik je op 'Embed'
  4. Het venster wijzigt van inhoud en toont de video + de embed code. Klik op de 'Copy' knop om deze code te kopiëren naar je klimbord
  5. De gekopieerde code plak in het veld 'Code' in het CMS van de pagina waarop je deze video wil laten zien
  6. Eens je de pagina hebt bewaard, verschijnt de video op de publieke pagina van je website !

Microsoft Forms

  1. Ontwerp het formulier in Office Forms op http://forms.office.com. Het aanmaken van het formulier zelf is uiteraard buiten de context van deze documentatie, meer info kun je vinden op het website van Microsoft
  2. Eens je het formulier hebt ontworpen (en getest!), klik je op de knop 'Share' rechtsboven
  3. Specifiek voor Microsoft Forms uiteraard, maar vergeet niet om het formulier beschikbaar te maken voor iedereen via de optie 'Anyone with the link can respond' !
  4. Klik op het embed icoontje zoals hieronder getoond en klik vervolgens op de knop 'Copy'
  5. De gekopieerde code plak in het veld 'Code' in het CMS van de pagina waarop je dit formulier wil laten zien
  6. Eens je de pagina hebt bewaard, verschijnt de video op de publieke pagina van je website !
  7. Specifiek voor Microsoft Forms, maar afhankelijk van de lengte van het formulier kan het nodig zijn om
    1. het getal bij 'height' in de code (staat standaard op 480px) te verhogen.
    2. de max-height op 100% te plaatsen bij 'style' (style= "border: none; max-width:100%; max-height:100%")