Insertar un widget en tu sitio web
Crea un widget público, como seguimiento de envíos, un formulario de solicitud de presupuesto o un mapa de flota, y ponlo en tu sitio web.
Actualizado el 4 de octubre de 2026
Un widget es una pequeña parte pública de Transportial que colocas en tu propio sitio web, por ejemplo una casilla de seguimiento de envíos o un formulario en el que los clientes piden un presupuesto. Los visitantes lo usan sin iniciar sesión. Creas el widget en Transportial, copias su código de inserción y lo pegas en tu sitio web.
Tipos de widget
| Tipo | Qué ven los visitantes |
|---|---|
| Mapa interactivo | Un mapa con las posiciones actuales de tus vehículos. |
| Estado de la flota | Una lista de vehículos activos con su posición, su velocidad y cuándo se vieron por última vez. |
| Seguimiento y localización | Una casilla en la que los clientes introducen un ID de orden y un código para compartir para seguir su envío. |
| Solicitud de orden de transporte | Un formulario para pedir un transporte, con datos de contacto, recogida y entrega. |
| Solicitud de presupuesto | Un formulario para pedir un precio, con datos de la ruta y de la carga como peso, dimensiones y mercancías peligrosas. |
| Portal del cliente | El portal del cliente, donde los clientes inician sesión para ver sus órdenes. Consulta Portal del cliente. |
| Planificador de conductores | El planificador de conductores. |
| Horario de conductores | Una lista de conductores marcados como disponibles u ocupados. |
| Feed de notificaciones | Un feed de novedades recientes. |
Crear un widget
- Abre el menú lateral (☰, arriba a la derecha) y elige Widgets.
- Haz clic en + Crear widget.
- Introduce un Nombre.
- Elige el tipo en Selecciona el tipo de widget.
- En Hosts, escribe cada dirección de sitio web en la que puede aparecer el widget (por ejemplo www.tuempresa.com) y pulsa Intro.
- Opcional: añade tu propio CSS en la casilla de estilos para que encaje con el aspecto de tu sitio web.
- Activa el widget con el interruptor Apagado/Encendido.
- Haz clic en Guardar.
El widget solo funciona en los hosts que indiques. Si se queda vacío en tu sitio web, comprueba que el nombre de host exacto de la página está en Hosts.
Colocar el widget en tu sitio web
- En la lista Widgets, haz clic en el widget para abrirlo.
- Copia el código de inserción que aparece bajo los datos del widget. Es un fragmento HTML corto (un iframe).
- Pega el código en la página de tu sitio web donde debe aparecer el widget, o envíaselo a tu desarrollador web.
- Abre la página de tu sitio web para comprobar que se ve el widget.
La página del widget también muestra una vista previa en Ejemplo.
Cambiar o eliminar un widget
- Para cambiar un widget, ábrelo y haz clic en el icono del lápiz, o elige Editar en su fila de la lista. Cambia los campos y haz clic en Guardar.
- Para desactivar un widget temporalmente, apágalo con Apagado/Encendido.
- Para borrar un widget, elige Eliminar en su fila y confirma con Eliminar. El widget deja de funcionar en tu sitio web.
Una solicitud enviada con el widget Solicitud de orden de transporte o Solicitud de presupuesto crea una orden de transporte con el estado solicitado, que luego gestionas como cualquier otra orden. Consulta La lista de órdenes de transporte.