Inzichten & dashboards

# Een widget op je website plaatsen

Maak een openbare widget, zoals track and trace, een offerteaanvraagformulier of een vlootkaart, en plaats die op je eigen website.

Bijgewerkt 4 oktober 2026

**Wie kan dit:** Beheerders (rolniveau 800 of hoger) met de rechten voor widgets.

Een widget is een klein openbaar onderdeel van Transportial dat je op je eigen website plaatst, bijvoorbeeld een track-and-tracevak of een formulier waarmee klanten een offerte aanvragen. Bezoekers gebruiken het zonder in te loggen. Je maakt de widget aan in Transportial, kopieert de insluitcode en plakt die in je website.

## Soorten widgets

| Type                       | Wat bezoekers zien                                                                                                       |
| -------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| **Interactieve kaart**     | Een kaart met de huidige posities van je voertuigen.                                                                     |
| **Vlootstatus**            | Een lijst van actieve voertuigen met hun positie, snelheid en wanneer ze voor het laatst zijn gezien.                    |
| **Track & trace**          | Een vak waarin klanten een order-ID en deelcode invullen om hun zending te volgen.                                       |
| **Transportorderaanvraag** | Een formulier om transport aan te vragen, met contactgegevens, ophalen en afleveren.                                     |
| **Offerteaanvraag**        | Een formulier om een prijs aan te vragen, met route- en ladinggegevens zoals gewicht, afmetingen en gevaarlijke stoffen. |
| **Klantportaal**           | Het klantportaal, waar klanten inloggen om hun orders te zien. Zie [Klantportaal](/nl/help/customer-portal).             |
| **Chauffeursplanner**      | De chauffeursplanner.                                                                                                    |
| **Chauffeursrooster**      | Een lijst van chauffeurs, gemarkeerd als beschikbaar of bezet.                                                           |
| **Meldingenoverzicht**     | Een feed met recente updates.                                                                                            |

## Een widget aanmaken

1. Open het zijmenu (☰, rechtsboven) en kies **Widgets**.
2. Klik op **\+ Widget aanmaken**.
3. Vul een **Naam** in.
4. Kies het type bij **Selecteer widgettype**.
5. Typ bij **Hosts** elk websiteadres waar de widget mag verschijnen (bijvoorbeeld www.jouwbedrijf.nl) en druk op Enter.
6. Voeg eventueel je eigen CSS toe in het stijlvak, zodat de widget past bij de uitstraling van je website.
7. Zet de widget aan met de schakelaar **Uit/Aan**.
8. Klik op **Opslaan**.

De widget werkt alleen op de hosts die je opgeeft. Blijft hij leeg op je website, controleer dan of de exacte hostnaam van de pagina bij **Hosts** staat.

## De widget op je website plaatsen

1. Klik in de lijst **Widgets** op de widget om hem te openen.
2. Kopieer de insluitcode onder de widgetgegevens. Dat is een kort HTML-fragment (een iframe).
3. Plak de code in de pagina van je website waar de widget moet verschijnen, of stuur hem naar je webontwikkelaar.
4. Open de pagina op je website om te controleren of de widget zichtbaar is.

De widgetpagina toont ook een **Voorbeeld**.

## Een widget wijzigen of verwijderen

* Om een widget te wijzigen, open je hem en klik je op het potloodicoon, of kies je **Bewerken** in de rij in de lijst. Wijzig de velden en klik op **Opslaan**.
* Om een widget tijdelijk stop te zetten, zet je hem uit met **Uit/Aan**.
* Om een widget te verwijderen, kies je **Verwijderen** in de rij en bevestig je met **Verwijderen**. De widget werkt dan niet meer op je website.

Een aanvraag via de widget **Transportorderaanvraag** of **Offerteaanvraag** maakt een transportorder aan met de status aangevraagd, die je daarna afhandelt zoals elke andere order. Zie [De lijst met transportorders](/nl/help/transport-order-list).

## Gerelateerde artikelen

* [Een transportorder en de tracking delen](/nl/help/share-transport-order-tracking)
* [Het klantportaal instellen](/nl/help/customer-portal)
* [Je eigen dashboard samenstellen](/nl/help/custom-dashboards)
* [Transportorders vinden en beheren in de lijst](/nl/help/transport-order-list)

## Nog steeds hulp nodig?

Ons supportteam beantwoordt graag al je vragen over Transportial.

[Contact met support](/nl/contact)[Een probleem melden](/nl/report-issue)

---
Canonical page: https://transportial.com/nl/help/widgets
