Localizador de tiendas en Elementor: mapa en WordPress

Elementor no tiene un localizador de tiendas integrado. Añades uno pegando el código de inserción de un proveedor en el widget HTML, o el shortcode de un plugin en el widget Shortcode, en la página donde debe aparecer el mapa. Esto es igual si gestionas diez ubicaciones o doscientas.

Elementor construye páginas, no mapas

Elementor construye maquetas dentro de WordPress. No incluye su propio motor de mapas ni de geocodificación, así que un localizador siempre viene de otro sitio.

Ese otro sitio es un plugin de WordPress que registra un shortcode, o un widget SaaS que te entrega un fragmento HTML listo para usar. Elementor documenta un widget Shortcode dedicado para el primer caso y un widget HTML para el segundo.

Esta guía asume una página construida con Elementor. Si usas el editor de bloques de WordPress, los pasos de instalación difieren lo suficiente como para merecer su propia guía.

Plugin o widget SaaS: qué cambia realmente

Un plugin de localizador nativo de WordPress suele registrar un shortcode como [store-locator]. Pega ese shortcode en el widget Shortcode y el plugin renderiza el mapa en ese lugar, sin editar PHP ni plantillas.

Los datos de ubicación permanecen en tu propia base de datos de WordPress, y el plugin sigue el mismo ciclo de actualizaciones que cualquier otro plugin de WordPress, así que tú o tu hosting aplicáis las actualizaciones del plugin y del núcleo para que siga funcionando.

Un localizador SaaS funciona de otra forma: creas una cuenta con el proveedor, añades ahí tus ubicaciones y copias el código de inserción que genera, normalmente un iframe o un script corto. Pégalo en el widget HTML en su lugar.

Los servidores del proveedor alojan los datos de ubicación y la mayoría de las funciones del localizador, no tienes ningún plugin que actualizar, y el coste de tu lado es una solicitud externa en lugar de carga adicional en tu propio hosting.

Un localizador ausente o roto cuesta una visita que nunca aparecerá en tu historial de pedidos, porque la venta ocurre en la tienda, no en el checkout.

Ese riesgo es el mismo en Elementor que en cualquier otra plataforma, por eso vale la pena probarlo antes del lanzamiento y no después de que un cliente se queje.

Cómo añadir un localizador de tiendas a una página de Elementor

El proceso es el mismo sin importar qué widget elijas:

1. Reúne el nombre, dirección, teléfono y horario de cada ubicación en una hoja de cálculo; muchos plugins y widgets SaaS admiten importación CSV.
2. Decide entre un plugin, donde los datos permanecen en tu propia base de datos, y un widget SaaS, donde el proveedor aloja los datos y la mayoría de las funciones del localizador.
3. Crea la cuenta con el proveedor o activa el plugin, y luego añade o importa tus ubicaciones.
4. Copia el shortcode o el código de inserción que genera la herramienta una vez que tus ubicaciones están cargadas.
5. En el editor de Elementor, arrastra un widget Shortcode o un widget HTML a la página y pega lo que copiaste.
6. Pon la sección o el contenedor circundante a ancho completo si el mapa necesita más espacio horizontal que tu columna de contenido predeterminada.
7. Previsualiza en escritorio y móvil, y luego busca una dirección cercana a una de tus tiendas reales para confirmar que el pin y el resultado son correctos.

Qué probar antes de lanzarlo

• ¿Cada dirección de tu lista real se geocodifica al pin correcto, incluso con un formato inusual o sin código postal?
• ¿El widget necesita tu propia clave de la API de Google Maps y una cuenta de facturación, o viene con su propio proveedor de mapas? Vale la pena leer antes un análisis más detallado de esa elección.
• ¿Un plugin de caché o minificación en tu sitio Elementor elimina el script que genera el widget HTML? Pruébalo con el caché activado, no solo en una vista previa limpia.
• Si cancelas, ¿puedes exportar tu lista de ubicaciones, o se queda encerrada en el panel del proveedor?
• Si quieres un widget que evite por completo el paso de la API de Google Maps, Progus Store Locator funciona por las dos vías aquí descritas, un shortcode para la instalación tipo plugin o un código de inserción para el widget HTML, y sus mapas por defecto no necesitan clave de API.

Cuándo está listo para publicarse

Confirma tres cosas antes de decirle a los clientes que la función existe: cada dirección devuelve el pin correcto, la búsqueda resuelve tanto un código postal parcial como uno completo, y la página carga a una velocidad razonable con datos móviles.

Conclusiones

Un localizador de tiendas no es una tarea de configuración de una sola vez. Los horarios cambian, las tiendas cierran y llegan nuevos distribuidores, así que trátalo como tu catálogo de productos: asigna un responsable, no una construcción única.

Pruébalo con tu propia lista de direcciones antes de comprometerte con un plan, no con los datos de demostración del proveedor. La diferencia entre una demo limpia y una lista real con formato inconsistente es donde se atascan la mayoría de los proyectos de localizador, tanto en sitios Elementor como en cualquier otro lugar.