Cómo agregar el localizador de la tienda Google Maps en WordPress

¿Le gustaría agregar el localizador de la tienda Google Maps a WordPress? Un localizador de tiendas es un mapa que indica la ubicación de su empresa. Permite a los usuarios ubicarlo en el mapa, encontrar instrucciones de administración o compartir la ubicación con amigos. Agregar un localizador de tiendas al sitio web de su empresa o incluso una tienda en línea lo ayuda a ganar la confianza de los usuarios al instante. En este artículo, le mostraremos cómo agregar fácilmente el localizador de la tienda Google Maps a WordPress.

Google Maps introdujo una API pagada para mostrar mapas en los sitios web. A continuación, proporciona una opción limitada gratuita para incorporar mapas de Google en pequeños sitios web.
La mayoría de los complementos de Google Maps para WordPress usan la API de Google para recoger y mostrar mapas. Si desea utilizar un complemento Google Maps, deberá registrarse en la plataforma API de Google y activar la opción de facturación. Es un servicio de pago en marcha, lo que significa que se le cobrará de acuerdo con la cantidad de llamadas API realizadas desde su sitio web. Le mostraremos los métodos gratuitos y pagados, con sus ventajas y desventajas, luego puede elegir el que mejor se adapte a los mejores y gratis. La desventaja es que no puede mostrar más tiendas en un solo mapa.
Se recomienda para los usuarios que solo desean agregar una única ubicación de la tienda Google Maps en su sitio web. Primero, debe visitar el sitio web de Google Maps en su computadora. Luego ingrese la dirección de su tienda en el campo de búsqueda y Google Maps la mostrará en el mapa con un anotador establecido en el mapa. Asegúrese de que el anotador se coloque en la ubicación correcta. Puede seleccionar un nivel de zoom haciendo clic en el botón Zoom. Una vez que esté satisfecho con el nivel de zoom, debe hacer clic en el botón Compartir en la columna izquierda. Esto mostrará una ventana emergente en la que debe moverse a la pestaña “Incorporar un mapa”. Ahora verá la ubicación buscada en el mapa con un código HTML.

Haga clic en el enlace de copia HTML para obtener el código de incorporación. Ahora vaya al área de administración de su sitio de WordPress. Una vez en el área de administración, continúe y edite la publicación o página donde desea mostrar el mapa de ubicación de la tienda. Normalmente, los usuarios agregan un mapa de la ubicación de la tienda en la página del formulario de contacto con su número de teléfono y horario de apertura. En la pantalla de publicación, debe agregar un bloque HTML personalizado.

En el área de texto del bloque HTML personalizado, debe pegar el código que copió de Google Maps.

Ahora puede pasar a la pestaña Vista previa para ver los mapas de Google incorporados en su página. Mostrará la ubicación de su tienda marcada en el mapa de enlaces o para guardar la ubicación.

Método 2. Agregue el localizador de la tienda Google Maps utilizando un complemento de WordPress Este método se recomienda a los usuarios que desean mostrar más ubicaciones en la tienda en un mapa de Google. Lo primero que debe hacer es instalar y activar el complemento de localización de la tienda WP. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Es un complemento gratuito de Google Maps que le permite crear un mapa personalizado con múltiples ubicaciones de tiendas y campos personalizados. La desventaja de este método es que requiere la adición de una clave API. Deberá proporcionar información de facturación para usar la clave API. Para obtener precios y otra información, consulte el sitio web de la plataforma Google Maps. Listo, comencemos. Paso 1. Generación de claves API de Google Maps Para usar el complemento de localización de la tienda WP, deberá generar dos teclas API. El primero se llama la clave del navegador API y la segunda se llama clave del servidor. Comencemos primero con la tecla del navegador. Haga clic en este enlace de la consola de desarrollador de Google y lo llevará al sitio web de Google API con todas las API necesarias activadas.

Debe crear un nuevo proyecto y darle un nombre para ayudarlo a identificar el proyecto. Después de eso, tendrá que esperar unos momentos, porque la consola crea el proyecto para usted. Luego será redirigido a la página de configuración de la clave API. Debe proporcionar un título para su clave API para que pueda identificarlo fácilmente como la clave API de su navegador para sus mapas de Google.
Luego debe establecer “Restricciones de aplicación” en “Referencias HTTP”. A continuación, debe establecer el campo “Aceptar solicitudes de” a su nombre de dominio. Este último, haga clic en el botón “Crear”. La consola ahora guardará la configuración y le mostrará la tecla del navegador. Debe copiar e insertar esta clave para un editor de texto, la necesitará más tarde.

Luego debe crear la clave API del servidor. Haga clic en este enlace de la consola de desarrollador de Google y lo llevará directamente a la API seleccionada activada. Verá la página de creación del proyecto nuevamente. Sin embargo, debido a que ya ha creado un proyecto, puede hacer clic en el menú Drop -down y seleccionar el proyecto.


Luego será redirigido a la página de configuración de API. Proporcione un nombre para esta clave API que lo ayude a reconocerla como una clave de servidor.
En la sección “Restricciones de aplicación”, debe seleccionar direcciones IP. Básicamente, le decimos a Google que acepte solo las solicitudes del servidor provenientes de direcciones IP específicas. Ahora debe pedirle a su proveedor de alojamiento de WordPress que le indique el rango IP utilizado por su cuenta de host. Tendría el siguiente formato: 172.16.0/12 Después de eso, debe hacer clic en el botón “Crear” para guardar la configuración y copiar la tecla API Server. Paso 2. Configuración del localizador de la tienda del complemento WP

Una vez que haya creado las teclas API, debe ir a la página del localizador de revistas »Configuración para configurar el complemento.

Ingrese el navegador Google Maps y las claves API para el servidor que ha generado previamente. Luego seleccione la lengua y la región de los mapas y luego haga clic en Guardar los cambios para almacenar la configuración. Ahora, debe desplazarse hacia abajo en la página Configuración hasta que la sección “Mapa” e ingrese un punto de partida. Este punto de partida podría ser una ciudad o un país, para que los usuarios puedan ver marcadores colocados en diferentes ubicaciones. Hay muchas otras opciones en la página de configuración, incluido el estilo del mapa, el nivel de zoom predeterminado, el tipo de mapa, el radio de búsqueda, el país, etc. Puede revisarlos y ajustarlos a sus necesidades después de que termine, es hora de agregar ubicaciones. Paso 3. Agregar las ubicaciones de la tienda acceso a la revista Locator »Página nueva tienda para agregar la primera ubicación. La nueva página de la tienda se verá exactamente como la publicación predeterminada o el editor de páginas de WordPress.

Proporcione un título para su tienda y luego desplácese hacia abajo a la sección “Detalles de la tienda”. Desde aquí, debe ingresar la dirección de la tienda. Verá un mapa en la columna correcta, pero no se actualizará automáticamente en la dirección que ingresó. Deberá hacer clic en el botón Publicar para guardar su ubicación. Después de eso, actualice la página y el mapa indicará la dirección que proporcionó. Ahora repita el proceso para agregar otras ubicaciones de la tienda. Puede agregar cualquier ubicación de tienda. Paso 4. Agregar el mapa de ubicación de la tienda en WordPress para mostrar el localizador de su tienda en una página de WordPress, simplemente cree una nueva página o edite que desee mostrar el mapa. En la pantalla de publicación, debe agregar el bloque “Shortcode” al área de publicación. Después de eso, agregue el código corto [WPSL] dentro de él. Ahora puede guardar o publicar la página y hacer clic en el botón Vista previa para ver la tienda Google Maps en acción.