---
title: "¿Cómo crear un gadget que renderice una URL?"
canonical: "https://onesaitplatform-es.refined.site/space/DOC/2215912643/%C2%BFC%C3%B3mo%20crear%20un%20gadget%20que%20renderice%20una%20URL%3F"
format: markdown
---
ES | [EN](https://onesaitplatform.atlassian.net/wiki/spaces/DOCT/pages/2220791268)

Este tutorial te enseñará a crear un gadget template que pedirá una URL y te mostrará dentro del gadget, el contenido de esta URL.

Para ello, empieza por ir al listado de gadgets y pulsa en crear gadget template

![image](media://96aa57ee-8897-4808-a60f-4e5c22dc8cd5)


Asigna un identificador y una descripción:

![image](media://398b5275-a1f8-4025-afd9-6c4433182b18)

Escribe este código:

![image](media://f8141bc3-d8e2-4c47-94a5-0dc03bc4fd8a)


```
<iframe src="" height="100%" width="100%">
  <p>Your browser does not support iframes.</p>
</iframe>
```

Arrastra dentro de las comillas src=”” la etiqueta para definir un parámetro que será el que tome el texto de la  que se cargará.

![image](media://124acdc6-8d8c-4413-9f19-bbd601a5e531)


Este sería el resultado:

```
<iframe src="<!--label-osp  name="url" type="text"-->" height="100%" width="100%">
  <p>Your browser does not support iframes.</p>
</iframe>
```

Puedes cambiar el nombre del parametro, en este caso en name=””, y nombrarlo como URL

Guarda el gadget template creado y ahora crea un dashboard para utilizarlo.

Añade un gadget tipo template, y selecciona el gadget template que creaste anteriormente.

![image](media://2cf5297c-ea63-48d7-a0be-40eb0e50df6a)

![image](media://fd990c03-475d-4870-aece-68569d775da0)

Al crearlo, te pedirá el parámetro que definiste. En este caso, selecciona el dashboard “visualice openflights data“.

![image](media://8a79c7f4-bc02-4c94-b7db-4bb7b7acdf42)

Para obtener la URL del dashboard, puedes ir al listado de dashboards y pulsar en este icono del dashboard cuya URL quieres conocer. 

![image](media://b12d7671-72bb-4b80-a678-c374f2c66dab)

De las URLs que aparecen, copia esta:

![image](media://33e1bef4-ee8d-4b1a-b917-3e0b2bf5156a)

Tras pulsar OK, verás el gadget cargando la URL indicada:

![image](media://6ea44cb0-b1df-4bc7-a562-ac9db400ebe7)