Insights & dashboards

# Embed a widget on your website

Create a public widget, such as track and trace, a quote request form or a fleet map, and place it on your own website.

Updated 4 October 2026

**Who can do this:** Administrators (role level 800 or higher) with the widget permission.

A widget is a small public part of Transportial that you place on your own website, for example a track and trace box or a form where customers request a quote. Visitors use it without logging in. You create the widget in Transportial, copy its embed code and paste it into your website.

## Widget types

| Type                        | What visitors see                                                                                                 |
| --------------------------- | ----------------------------------------------------------------------------------------------------------------- |
| **Interactive map**         | A map with the current positions of your vehicles.                                                                |
| **Fleet status**            | A list of active vehicles with their position, speed and when they were last seen.                                |
| **Track & trace**           | A box where customers enter an order ID and share code to follow their shipment.                                  |
| **Transport order request** | A form to request transport, with contact details, pickup and delivery.                                           |
| **Quote request**           | A form to request a price, with route and cargo details such as weight, dimensions and dangerous goods.           |
| **Customer portal**         | The customer portal, where customers log in to see their orders. See [Customer portal](/en/help/customer-portal). |
| **Chauffeur planner**       | The driver planner.                                                                                               |
| **Driver schedule**         | A list of drivers marked as available or busy.                                                                    |
| **Notification feed**       | A feed of recent updates.                                                                                         |

## Create a widget

1. Open the side menu (☰, top right) and choose **Widgets**.
2. Click **\+ Create widget**.
3. Enter a **Name**.
4. Choose the type in **Select widget type**.
5. In **Hosts**, type each website address where the widget may appear (for example www.yourcompany.com) and press Enter.
6. Optionally add your own CSS in the styling box to match your website's look.
7. Switch the widget on with the **Off/On** switch.
8. Click **Save**.

The widget only works on the hosts you list. If it stays empty on your website, check that the exact host name of the page is in **Hosts**.

## Place the widget on your website

1. In the **Widgets** list, click the widget to open it.
2. Copy the embed code shown under the widget details. It is a short HTML snippet (an iframe).
3. Paste the code into the page of your website where the widget should appear, or send it to your web developer.
4. Open the page on your website to check that the widget shows.

The widget page also shows an **Example** preview.

## Change or remove a widget

* To change a widget, open it and click the pencil icon, or choose **Edit** on its row in the list. Change the fields and click **Save**.
* To stop a widget temporarily, switch it off with **Off/On**.
* To delete a widget, choose **Remove** on its row and confirm with **Remove**. The widget stops working on your website.

A request sent through the **Transport order request** or **Quote request** widget creates a transport order with the status requested, which you then handle like any other order. See [The transport order list](/en/help/transport-order-list).

## Related articles

* [Share a transport order and its tracking](/en/help/share-transport-order-tracking)
* [Set up the customer portal](/en/help/customer-portal)
* [Build your own dashboard](/en/help/custom-dashboards)
* [Find and manage transport orders in the list](/en/help/transport-order-list)

## Still need help?

Our support team is happy to answer any question about Transportial.

[Contact support](/en/contact)[Report an issue](/en/report-issue)

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