Widget de ubicación gratis para tu web

Qué es el widget — y una demo de 30 segundos

El widget de What Is My Location es una página pequeña e independiente que colocas dentro de un iframe en tu propio sitio. Cuando un visitante pulsa Mostrar mi ubicación, su navegador le pide permiso, la posición se calcula en su dispositivo y el widget muestra las coordenadas en varios formatos, una dirección obtenida por geocodificación inversa y un pin en OpenStreetMap. Nosotros no guardamos nada del visitante: ni cookies, ni balizas de analítica, ni huella digital. Puedes ver exactamente lo que verían tus visitantes en la página del widget en directo y preparar tu versión en el generador de código de inserción.

Insértalo con una sola línea

Pega esto donde quieras que aparezca el widget:

<iframe src="https://whatismylocation.ai/widget"
        width="100%" height="420" style="border:0;border-radius:12px"
        allow="geolocation" title="What is my location"></iframe>

El atributo allow="geolocation" es obligatorio: sin él, los navegadores bloquean la petición de posición dentro de los iframes. Una altura de 380–460 px encaja en la mayoría de diseños; el widget es adaptable hasta 280 px de ancho.

Opciones que puedes configurar

El generador de código de inserción crea la URL por ti, pero los parámetros son lo bastante simples como para escribirlos a mano: ?theme=dark o light para que combine con tu web (si lo omites, sigue la preferencia del sistema del visitante), &units=imperial para pies y millas, y &lang=es (o cualquiera de nuestros 35 idiomas) para las etiquetas traducidas. Ejemplo: /widget?theme=dark&lang=hi muestra el widget oscuro en hindi. Los parámetros se combinan libremente y no hace falta nada más: ni clave, ni cuenta, ni cuota.

WordPress, Shopify, Wix, React

• WordPress: usa nuestro minúsculo plugin para WP (añade el shortcode [whatismylocation]) o pega el iframe en un bloque de HTML personalizado.
• Shopify / Wix / Squarespace: todos los editores tienen un elemento de «insertar / HTML personalizado»: pega ahí la misma línea de iframe.
• React / Vue / Svelte: renderiza el iframe directamente; no tiene estado, así que no hay que gestionar ningún ciclo de vida.
• AMP o correo electrónico: ahí no funcionan los iframes con geolocalización: enlaza mejor a la página completa.

Quién usa un widget de ubicación — casos reales

• Páginas de reparto y logística: deja que el cliente copie las coordenadas exactas de una dirección difícil de encontrar antes de finalizar la compra.
• Blogs de viajes y aire libre: tus lectores comprueban dónde están respecto a los inicios de ruta y los mapas de itinerario que publicas.
• Webs de eventos y locales: responder a «¿a qué distancia estoy?» sin obligar a instalar una app.
• Equipos de campo y topografía: una página que se guarda en marcadores y muestra las coordenadas GPS desde cualquier móvil.
• Servicios de soporte informático: confirmar rápido la ubicación aproximada y la zona horaria de un usuario remoto durante una llamada.

Por qué es seguro insertarlo — el diseño de privacidad

La geolocalización ocurre íntegramente en el navegador del visitante y solo se dispara cuando él la pulsa, así que insertar el widget no te crea ningún quebradero de cabeza con el RGPD: el widget en sí no necesita banner de consentimiento porque no pone ninguna cookie ni ejecuta ningún rastreador de terceros. La consulta de geocodificación inversa pasa por nuestro servidor sin que se guarden las coordenadas, nuestra guía de privacidad documenta todo el flujo de datos, y el widget es la única página de este sitio a la que se le permite mostrarse dentro de un frame: a tus usuarios no se les puede llevar por clickjacking hasta otras herramientas. Si más adelante necesitas acceso programático en vez de una interfaz, las mismas garantías se aplican a la API gratuita para desarrolladores.

Widget o API: ¿cuál necesitas?

Empieza por el widget y pasa a la API cuando necesites los números en bruto dentro de tu propio código.