Cómo insertar el widget de ubicación

El widget es una sola línea de iframe: cualquier plataforma que acepte HTML personalizado puede alojarlo. Elige el tema y el tamaño en la página de inserción, copia el código y sigue después los pasos de tu plataforma. En WordPress tienes además un plugin que lo resuelve en un clic.

Con permiso · Privado · Funciona en Chrome, Safari, Firefox, Edge

WordPress (lo más fácil: el plugin)

Con plugin: descarga whatismylocation-widget.zip → wp-admin ▸ Plugins ▸ Añadir nuevo ▸ Subir plugin → activar. Después coloca [whatismylocation] en cualquier sitio donde funcionen los shortcodes (entradas, páginas, widgets de texto), con opciones: [whatismylocation theme="golden" mode="full" height="420"]. El plugin genera el mismo iframe — en tu sitio no cambia nada más.

Sin plugin: en el editor de bloques añade un bloque HTML personalizado y pega el iframe. En el editor clásico, cambia antes a la pestaña «Texto».

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Añadir elementos ▸ Insertar código ▸ Insertar HTML → pega el iframe → ajusta el tamaño del elemento a la altura que hayas elegido. (Wix aísla las inserciones en una sandbox; la solicitud de geolocalización sigue funcionando gracias al atributo allow.)
Squarespace: añade un bloque Código (disponible en los planes actuales) → pega. Si el widget se ve pero el botón no hace nada, vuelve a copiar el fragmento — el atributo allow="geolocation" tiene que estar presente.
Shopify: en el editor de temas añade una sección Liquid personalizado (o edita el HTML de la página) y pega el iframe. Funciona en los temas de Online Store 2.0 sin instalar ninguna app.
Webflow: arrastra un elemento Embed → pega → publica (las inserciones solo se ven en el sitio publicado, no en el diseñador).
Blogger / otros CMS: cualquier vista de HTML puro acepta el iframe tal cual.

Las peculiaridades de cada plataforma cambian; si un creador de webs elimina los iframes en tu plan, sus páginas de ayuda sobre «insertar HTML personalizado» son la referencia válida.

Referencia de opciones

Parámetro	Valores	Notas
`theme`	light · dark · golden	Golden encaja con diseños cálidos o de gama alta.
`mode`	compact · full	Full añade un minimapa (más alto: usa height ≥ 380).
`height` del iframe	220–800 px	Compact cabe en 260; para full, 420 resulta cómodo.
`allow`	geolocation	Obligatorio — sin él, el navegador bloquea la solicitud de permiso dentro del iframe.

cómo poner el widget de ubicación en WordPress insertar el iframe del widget en un CMS

Preguntas frecuentes

¿Necesito el plugin para usarlo en WordPress?

No. El plugin solo es el camino más cómodo: te da un shortcode y genera exactamente el mismo iframe. Un bloque de HTML personalizado con la línea del iframe pegada dentro da el mismo resultado.

El widget se ve pero el botón no hace nada, ¿por qué?

Casi siempre falta el atributo allow="geolocation" en el código pegado. Sin él, el navegador bloquea la solicitud de ubicación dentro del iframe. Vuelve a copiar el fragmento completo desde la página de inserción y sustituye el código antiguo.

¿Qué altura tiene que tener el iframe?

Entre 220 y 800 px. En modo compact bastan 260 px; con mode="full" aparece un minimapa y hacen falta al menos 380 px, aunque 420 va más cómodo. Ajusta el elemento de tu plataforma a esa misma altura.

Ver en inglés: How to Embed the Location Widget on Any Site · Español