Introductie
Met widgets kun je inhoud toevoegen aan specifieke delen van de pagina, dit kan gewone inhoud zijn, of dynamische inhoud op basis van gegevens van OTYS Go! zoals vacatures, open sollicitatieformulieren, etc. Widgets bestaan in secties en kolommen. Meer informatie hierover is te vinden in ons 'Creating Content' artikel.
Site → Pagina's → Secties → Kolom(men) → Widget(s)
Je kunt de volledige lijst met widgets hieronder bekijken, en elk van de widgets heeft zijn eigen subsectie in dit artikel. Let op: het is mogelijk dat niet elke widget wordt weergegeven wanneer je een kolom probeert te configureren. Dit komt door de breedte van de kolom. Sommige widgets hebben ruimte nodig om te bestaan, en als je een lay-out hebt geselecteerd die smalle kolommen maakt, werken ze gewoon niet. Je kunt dit oplossen door een andere indeling voor de kolommen te selecteren, zoals [6/6] of [12]. Als de widget die je wilt gebruiken nog steeds niet verschijnt, neem dan contact op met onze supportdesk door een ticket te openen.
Lijst met vacatures
Met de vacaturelijst widget kun je een overzichtspagina van je vacatures maken. Je kunt standaard alle vacatures tonen, of zelfs de lijst voorfilteren zodat je landingspagina's kunt maken.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel boven de lijst met vacatures. Het ondersteunt een samenvoegveld genaamd: "{total}" dat het totale aantal vacatures weergeeft |
Labels om weer te geven | Tevreden | Welke labels je wilt weergeven onder de titel van de vacature in de lijst. Je kunt de labels sorteren door ze te slepen. |
Vacatures per pagina | Configuratie | Het aantal getoonde vacatures per pagina |
Toon hoofdafbeelding | Configuratie | Het tonen van de hoofdafbeelding (vaak werkgevers logo) van de vacature |
Toon korte beschrijving | Configuratie | Of het tekstveld "Korte beschrijving" onder de titel moet worden weergegeven |
Toon locatie | Configuratie | Of de locatie van de baan bovenaan de titel moet worden weergegeven |
Voorfilter aan * | Configuratie | Hiermee wordt de lijst vooraf gefilterd op criteria of categorie. |
.png?sv=2022-11-02&spr=https&st=2025-10-29T03%3A32%3A27Z&se=2025-10-29T03%3A55%3A27Z&sr=c&sp=r&sig=Q93YmP%2FVc9zFsm581X8ILNvtNbv%2BHPW7ZCYAEpkkWiY%3D)
Vacatures Shortlist
De shortlist widget voor vacatures kan overal worden gebruikt om bepaalde vacatures onder de aandacht te brengen.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel boven de lijst met vacatures. Het ondersteunt een mergefield genaamd: "{total}" die het totale aantal vacatures toont |
Labels om weer te geven | Tevreden | Welke labels je wilt tonen onder de titel van de vacature in de lijst. Je kunt de labels sorteren door ze te slepen. |
Max vacatures om te tonen | Configuratie | Het aantal vacatures dat in de shortlist wordt getoond |
Toon hoofdafbeelding | Configuratie | Het tonen van de hoofdafbeelding (vaak werkgeverslogo) van de vacature |
Toon korte beschrijving | Configuratie | Of het tekstveld "Korte beschrijving" onder de titel moet worden weergegeven |
Toon locatie | Configuratie | Of de locatie van de baan bovenaan de titel moet worden weergegeven |
Voorfilter aan * | Configuratie | Hiermee wordt de lijst vooraf gefilterd op criteria of categorie. |
.png?sv=2022-11-02&spr=https&st=2025-10-29T03%3A32%3A27Z&se=2025-10-29T03%3A55%3A27Z&sr=c&sp=r&sig=Q93YmP%2FVc9zFsm581X8ILNvtNbv%2BHPW7ZCYAEpkkWiY%3D)
Vacatures filters
Bedoeld om te worden gebruikt in combinatie (in dezelfde sectie) met een vacaturelijst widget. Op deze manier kun je de filters gebruiken om op de lijst te filteren.
De widget voor vacature filters toont een lijst met ingeschakelde criteria en categorieën.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel boven de lijst met filters. Als je wilt, kun je het leeg maken. |
Filters | Tevreden | U kunt filters inschakelen en sorteren door ze te slepen. |
Max opties | Configuratie | Soms kan een filter veel opties bevatten, door een maximum in te stellen zal er een actie "Toon meer" zijn wanneer het filter de limiet overschrijdt. |
Vacatures zoeken op trefwoord
Bedoeld om te worden gebruikt in combinatie (in dezelfde sectie) met een vacaturelijst widget. Op deze manier kun je de zoekfunctie op trefwoord gebruiken om op de lijst te filteren.
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel boven de ingevoerde trefwoorden |
Vacatures Geosearch
Let op: Deze widget werkt alleen als je OTYS hebt voorzien van een Google Geocoding API-sleutel. Je kunt hiervoor contact opnemen met ons support team.
Opmerking: Wanneer dit filter wordt gebruikt, worden alleen vacatures met ingevulde adressen weergegeven in de resultaten.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Bedoeld om te worden gebruikt in combinatie (in dezelfde sectie) met een vacaturelijst widget. Op deze manier kun je de Geo-zoekopdracht gebruiken om op de lijst te filteren.
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel boven de invoervelden |
Land | Tevreden | De zoekopdracht is gebaseerd op postcode en postcodes verschillen per land. Zorg ervoor dat je het land selecteert waarnaar je wilt kunnen zoeken. Ondersteunde landen zijn: NL, BE, LUX, FR, DE, UK, AU, AT |
Maximale straal | Configuratie | De maximale straal die een gebruiker kan selecteren met de schuifregelaar voor het bereik. (Standaard 125km) |
Open sollicitatieformulier
Het is mogelijk om een open sollicitatieformulier toe te voegen aan je pagina, het daadwerkelijke formulier is gebaseerd op je Vragenset configuratie in OTYS Go!
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel boven het formulier |
Bedankje | Tevreden | Wanneer de applicatie succesvol is, verschijnt er een bedankbericht. Je kunt het hier (her)schrijven. |
Script voor bijhouden | Configuratie | Wanneer de applicatie succesvol is, kunnen we aangepaste scripts voor je uitvoeren. Plak ze hier. |
Tekst
Met een tekst widget kun je overal content plaatsen. Wil je meer weten over hoe je met de WYSIWYG Editor kunt werken? Read more
Optie | Tabblad | Beschrijving |
|---|---|---|
Tevreden | Tevreden | De WYSIWYG-editor |
Afbeelding
Met een afbeelding widget kun je afbeeldingen, video's en zelfs PDF's aan elke pagina toevoegen. Als je meer wilt weten over de "Mediagalerij" Read more
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Beeld | Tevreden | De mediakiezer |
Aspect verhouding | Configuratie | U kunt de standaard beeldverhouding van het object gebruiken, maar je kunt er ook een afdwingen. |
Grens straal | Configuratie | Dit stelt je in staat om de hoeken van het object "af te ronden". |
Afbeeldingsraster
Met een afbeelding raster widget kun je een raster van media-objecten maken. Je bepaalt zelf hoeveel er op een rij staan, welke ruimte ertussen enz. Als je meer wilt weten over de "Mediagalerij" Read more
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Beelden | Tevreden | Voeg afbeeldingen toe door op de knop "Nieuw item toevoegen" te klikken, sorteer ze door te slepen en dupliceer door op het duplicaat icoon te klikken |
Aspect Ratio | Configuratie | U kunt de standaard beeldverhouding van het object gebruiken, maar je kunt er ook een afdwingen. |
Afbeelding modus | Configuratie | Wanneer je een beeldverhouding hebt geselecteerd, kan het zijn dat sommige van je afbeeldingen niet aan die verhouding voldoen, door de optie: "Bedek" te gebruiken, alle afbeeldingen bedekken de volledige beeldverhouding en snijden effectief sommige delen van de afbeelding af. Door de optie: "Bevatten" te gebruiken, zal de afbeelding zichzelf bevatten binnen de gekozen beeldverhouding. |
Grens straal | Configuratie | Hiermee kun je de hoeken van de objecten "afronden". |
Afbeeldingen per rij | Configuratie | Hoeveel afbeeldingen er per rij moeten verschijnen. (Je kunt dit aantal per apparaattype wijzigen) |
Kloof | Configuratie | Het aantal pixels tussen de afbeeldingen in het raster. |
Teller
De teller widget wordt vaak gebruikt als een "leuke" manier om de website bezoeker te vertellen over de schaal/cultuur van je bedrijf.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel bovenaan de tellers |
Items | Tevreden | Een van de mogelijk meerdere tellers, klik gewoon op "Nieuw item toevoegen" om een nieuw item toe te voegen. |
Tellers > nummer | Tevreden | Een numerieke waarde, die wordt geanimeerd van 0 naar de waarde |
Tellers > Tekst na nummer | Tevreden | Een symbool dat jeu mogelijk achter het getal wilt hebben, bijvoorbeeld: "%" of "$" |
Tellers > Label | Tevreden | Het onderwerp van het nummer, bijvoorbeeld: "Kopjes koffie" |
Tellers > pictogram | Tevreden | Kies een pictogram uit de ingebouwde Font Awesome-bibliotheek |
Artikelen per rij | Configuratie | Hoeveel tellers moeten naast elkaar staan. (Je kunt dit aantal per apparaattype wijzigen) |
Kloof | Configuratie | Het aantal pixels tussen de afbeeldingen in het raster. |
Animatie tijd | Configuratie | Hoe lang het duurt voordat de animatie "Optellen" tot het getal vanaf 0 telt. |
Pictogram achtergrondkleur | Configuratie | Het pictogram bevindt zich in een cirkel, kies een achtergrondkleur |
Pictogram kleur | Configuratie | Het pictogram kan elke kleur hebben |
Nummer kleur | Configuratie | De kleur van de numerieke waarde en de optionele tekst erna |
Kleur van het label | Configuratie | De kleur van het etiket |
Grens straal | Configuratie | Hiermee kun je de hoeken van de objecten "afronden". |
Slider
U heeft misschien al eerder "Logo-slider" op websites gezien, met de schuifregelaar kun je dezelfde functionaliteit aan de website toevoegen. Je kunt meerdere afbeeldingen kiezen en deze van links naar rechts laten animeren.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel bovenaan de afbeeldingen, deze kun je verwijderen door deze leeg te laten. |
Beelden | Tevreden | Een van mogelijk meerdere afbeeldingen, klik gewoon op "Nieuw item toevoegen" om een nieuwe toe te voegen. |
Tellers > nummer | Tevreden | Een numerieke waarde, die wordt geanimeerd van 0 naar de waarde |
Dia's per weergave | Configuratie | Het aantal dia's dat in één keer wordt getoond. (Je kunt dit aantal per apparaattype wijzigen) |
Ruimte tussen dia's | Configuratie | Het aantal pixels tussen de dia's. |
Aspect Ratio | Configuratie | U kunt de standaard beeldverhouding van het object gebruiken, maar je kunt er ook een afdwingen. |
Afbeelding modus | Configuratie | Wanneer je een beeldverhouding hebt geselecteerd, kan het zijn dat sommige van de afbeeldingen niet aan die verhouding voldoen, door de optie: "Bedek" te gebruiken, alle afbeeldingen bedekken de volledige beeldverhouding en snijden effectief sommige delen van de afbeelding af. Door de optie: "Bevatten" te gebruiken, zal de afbeelding zichzelf bevatten binnen de gekozen beeldverhouding. |
Snelheid van de schuifregelaar | Configuratie | De hoeveelheid tijd tot de volgende dia wordt weergegeven |
Overgang van schuifregelaar | Configuratie | De animatie tijd, de tijd die de animatie van de vorige naar de volgende dia in beslag neemt |
Schuifregelaar automatisch afspelen | Configuratie | Indien ingeschakeld, begint de schuifregelaar vanzelf te bewegen zonder tussenkomst van de gebruiker |
Paginering van de schuifregelaar | Configuratie | U kunt ervoor kiezen om "opsommingstekens" onder de dia's toe te voegen, zodat het duidelijker is dat het een schuifregelaar is. |
Contacteer ons
Een widget met de contactopties voor bezoekers die je zou kunnen hebben, zoals telefoonnummer, e-mail, whatsapp etc..
Opmerking: Deze widget krijgt het mooiste uiterlijk wanneer je de achtergrondkleur van het gedeelte eromheen wijzigt. Meer informatie over section configuration.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel voor de contactmogelijkheden |
Contact opties | Tevreden | Een of meer aanklikbare items met een pictogram en tekst. Klik op "Nieuw item toevoegen" om een nieuwe optie toe te voegen |
Contact opties > Link | Tevreden | De link die moet worden geactiveerd wanneer op het item wordt geklikt. Voorbeelden zijn: "mailto:example@domain.com" of "tel:+31612345678" |
Contact opties> Label | Tevreden | Het label dat daadwerkelijk op de pagina wordt weergegeven |
Contact opties > Icon | Tevreden | Kies een pictogram uit de ingebouwde Font Awesome-bibliotheek |
Pictogram achtergrondkleur | Configuratie | Elk pictogram heeft een circulaire achtergrond, deze set heeft de kleur van die cirkel |
Pictogram kleur | Configuratie | U kunt elke kleur kiezen die de pictogrammen zullen hebben |
Type pictogram | Configuratie | De weergavemodus van het pictogram, Normaal of Continu |
Invoegcode
De embed widget is een van de meer "technische" widgets, waarmee je inhoud van derden op de website kunt opnemen. Denk hierbij aan Youtube video's, LinkedIn posts en Google Maps frames.
Meestal bestaat de code die je hier plakt uit een iframe dat inhoud van derden laadt.
Opmerking: Het kan gevaarlijk zijn om blindelings code van derden op de website op te nemen, als je niet zeker weet of de code geldig en/of veilig is om te gebruiken; Neem het niet op.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Code insluiten | Tevreden | Een HTML-invoer waar je de insluitcode kunt plakken |
Grens straal | Configuratie | We zullen proberen de hoeken van de inhoud van derden af te ronden, aangezien het een derde partij is die we dit niet altijd kunnen doen. |
Aspect ratio | Configuratie | Standaard is de beeldverhouding van de inhoud van derden ingesteld: we zullen proberen er een af te dwingen, aangezien het een derde partij is, kunnen we dit niet altijd doen. |
Medewerker overzicht
Een raster van medewerkers, met pictogrammen voor foto's, namen, rollen en contacten
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel boven het raster van werknemers |
Medewerkers | Tevreden | Een of meer werknemers. Klik op "Nieuw item toevoegen" om een nieuwe medewerker toe te voegen. Slepen om te sorteren. |
Medewerkers > naam | Tevreden | De naam van de werknemer |
Medewerkers > Image | Tevreden | De foto van de werknemer. |
Medewerkers > rol | Tevreden | De functietitel/rol van de medewerker |
Medewerkers > WhatsApp | Tevreden | Het telefoonnummer van de werknemer |
Medewerkers > telefoon | Tevreden | Het telefoonnummer van de werknemer |
Medewerkers > LinkedIn | Tevreden | De volledige URL van het LinkedIn-profiel van de werknemer |
Grens straal | Configuratie | Hiermee kun je de hoeken van de foto "afronden". |
Achtergrondkleur | Configuratie | Een van je merk kleuren, die achter de foto van de werknemer wordt geplaatst. (Standaard geen) |
Aspect ratio | Configuratie | U kunt de standaard beeldverhouding van de foto gebruiken, maar je kunt er ook een afdwingen. |
Afbeelding modus | Configuratie | Wanneer je een beeldverhouding hebt geselecteerd, kan het zijn dat sommige van je foto's niet aan die verhouding voldoen, door de optie: "Bedek" te gebruiken, alle afbeeldingen bedekken de volledige beeldverhouding en snijden effectief sommige delen van de afbeelding af. Door de optie: "Bevatten" te gebruiken, zal de afbeelding zichzelf bevatten binnen de gekozen beeldverhouding. |
Medewerkers per rij | Configuratie | Het aantal medewerkers dat op een horizontale rij past |
Kloof | Configuratie | Het aantal pixels tussen medewerkers |
Testimonial Slider
Een slider met één of meerdere testimonials van klanten/kandidaten per slide.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Titel | Tevreden | De titel boven de testimonial-schuifregelaar (als deze leeg is, wordt deze niet weergegeven) |
Aanhalingstekens | Tevreden | Een of meer offertes |
Citaten > naam | Tevreden | De naam van de kandidaat of klant |
Aanhalingstekens > functie | Tevreden | De rol/functie/functietitel van de kandidaat/klant, met eventueel een bedrijfsnaam |
Offertes > Offerte | Tevreden | Het "Citaat" van deze persoon |
Dia's per weergave | Configuratie | Het aantal "offertes" dat in beeld zal zijn |
Snelheid van de schuifregelaar | Configuratie | Hoeveel tijd er moet verstrijken voordat de schuifregelaar automatisch naar de volgende dia gaat |
Overgang van schuifregelaar | Configuratie | De tijd die nodig is om tussen dia's over te gaan (animatie tijd) |
Schuifregelaar automatisch afspelen | Configuratie | Of de schuifregelaar automatisch moet worden afgespeeld |
Paginering van de schuifregelaar | Configuratie | Het type paginering wanneer er meerdere dia's zijn, standaard is dit "Opsommingstekens" |
Grens straal | Configuratie | Bepaal hoe afgerond de "kaart" moet zijn |
Afbeelding modus | Configuratie | Bepaal zelf hoe de foto of de kandidaat/klant wordt weergegeven binnen de kleine kring |
Citaat achtergrondkleur | Configuratie | U kunt een andere achtergrondkleur kiezen voor de "kaart" waarin de offerte staat |
Citaat tekst kleur | Configuratie | Zorg ervoor dat je een kleur kiest die contrasteert met de achtergrond van de "kaart" |
Koptekst basis
De meeste webpagina's beginnen met een koptekst, een grote afbeelding met wat tekst erop. De gebruiker vertellen waar die pagina over gaat.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Tevreden | Tevreden | De inhoud die bovenaan de afbeelding wordt weergegeven |
Beeld | Tevreden | De afbeelding of video achter de inhoud. Een donkerder effect wordt automatisch toegepast en kan niet worden verwijderd. |
Aspect ratio | Configuratie | De beeldverhouding van de header. (Je kunt dit per apparaattype wijzigen). Houd er rekening mee dat als de inhoud de afbeelding hoogte overschrijdt (vanwege de beeldverhouding), dit ook de hoogte van de afbeelding zal verhogen. |
Header geavanceerd
De meeste webpagina's beginnen met een koptekst, een grote afbeelding met wat tekst erop. De gebruiker vertellen waar die pagina over gaat.
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Optie | Tabblad | Beschrijving |
|---|---|---|
Tevreden | Tevreden | De inhoud die boven op de afbeelding(en) wordt weergegeven |
Dia 's | Tevreden | De afbeeldingen en/of video's achter de content. |
Aspect ratio | Configuratie | De beeldverhouding van de header. (Je kunt dit per apparaattype wijzigen). Houd er rekening mee dat als de inhoud de afbeelding hoogte overschrijdt (vanwege de beeldverhouding), dit ook de hoogte van de afbeelding zal verhogen. |
Animatie van de schuifregelaar | Configuratie | Standaard staan de dia's op "Sliding", je kunt ook kiezen voor een Fading animatie of zelfs een "Coverflow" animatie |
Snelheid van de schuifregelaar | Configuratie | De hoeveelheid tijd tot de volgende dia wordt weergegeven |
Overgang van schuifregelaar | Configuratie | De animatie tijd, de tijd die de animatie van de vorige naar de volgende dia in beslag neemt |
Schuifregelaar automatisch afspelen | Configuratie | Indien ingeschakeld, begint de schuifregelaar vanzelf te bewegen zonder tussenkomst van de gebruiker |
Paginering van de schuifregelaar | Configuratie | U kunt ervoor kiezen om "opsommingstekens" onder de dia's toe te voegen, zodat het duidelijker is dat het een schuifregelaar is. |
Overlay kleur | Configuratie | Een #HEX kleurcode die transparantie mogelijk maakt, zodat je kunt wijzigen hoe donker/licht de overlay bovenop de media is. |
Header Vormen
Met deze header kun je een afbeelding/video met een speciale vorm "maskeren".
Zoals in de meeste widgets zijn er 2 tabbladen met instellingen: "Inhoud" en "Configuratie"
Opmerking: Deze widget krijgt het mooiste uiterlijk wanneer je de achtergrondkleur van het gedeelte eromheen wijzigt. Meer informatie over section configuration.
Optie | Tabblad | Beschrijving |
|---|---|---|
Tevreden | Tevreden | De inhoud die aan de linkerkant van de afbeelding wordt weergegeven |
Beeld | Tevreden | De afbeelding of video naast de inhoud die wordt gemaskeerd met een vorm. |
Kop vorm | Configuratie | U kunt een van de vormen kiezen die het beste bij je merk passen, voorbeelden zijn: vierkant, afgerond, rond, pijl, organisch enz.. |
Ruimte rond beeld | Configuratie | Sommige vormen komen beter tot hun recht als er wat ruimte omheen is. |
Aspect ratio | Configuratie | De beeldverhouding van de afbeelding of video, aangezien de vormen ook een beeldverhouding hebben, moet je voorzichtig zijn met hoe je deze configureert. |
Probleemoplossing
Als je vragen heeft die niet kunnen worden opgelost met behulp van de helpdesk, de rondleiding door de sitebouwer of de individuele informatiepictogrammen, neem dan contact met ons op door een support ticket te openen.