PLUGINS

Cómo agregar Google Maps Store Locator en WordPress

¿Quieres activar la localización de Google Maps y WordPress?

Un localizador de tiendas es un mapa que apunta a la ubicación de su empresa.

Разрешете лос усаириос убицарло en el мапа, encuentre las direcciones de манео o comparta la conexión ubiquità con amigos. Agregue un localizador de tiendas en su sitio web o incluya una tienda en la línea para ayudarlo a confiar en su confianza.

En este artículo, le mostramos cómo agregar el buscador de tiendas locales de Google Maps en WordPress.

Google Maps presenta una API en la página de búsqueda de mapas y sitios web. Esta opción de frecuencia para restricciones gratuitas en la inserción de Google Maps y sitios web.

Mayoría de los complementos de Google Maps para WordPress, utilizando la API de recuperación de Google y la mayoría de los mapas. regístrate en la plataforma API de Google y accede a la opción de facturación.

Es un servicio de pago para nosotros, lo que significa que la función de la aplicación API está implementada en el sitio web.

Te mostramos los métodos gratuitos y pagos con tus ventas y postres, puedes hacerlo mejor para adaptarlo a tus necesidades.

Método 1. Conecta Google Maps a un sitio web gratuito

Este método es fácil y gratuito. El desafío es que no puedes mostrar variaciones en un solo mapa.

Puede recomendar a los usuarios que solo pueden agregar una ubicación a la tienda de Google Maps en su sitio web.

Por ejemplo, visite el sitio web de Google Maps en su computadora. Lugar, vaya a la dirección de la tienda en el camping y Google Maps muestra en el mapa con un marcador marcado en el mapa.

Compara el mapa con Google Maps

Asignación para marcar el marcador en la ubicación correcta. Puede seleccionar un nivel de zoom haciendo clic en el botón de zoom. Una vez que esté satisfecho con el nivel de zoom, debe hacer zoom.

Haga una aparición de emergencia donde desee cambiar a la plaga «Incluir un mapa». Ahora puedes encontrar la ubicación en el mapa con un código HTML.

Copie el código de inserción de Google Maps

Debe hacer clic en copiar HTML para obtener el código de inserción.

Ahora vaya al sitio de administración del sitio web de WordPress. Un enlace a la administración, continente y edición de la publicación en la página donde se puede mostrar el mapa de ubicación de la tienda.

Normalmente, el nombre de usuario es un mapa de la ubicación de la tienda en el formulario de contacto con su número de teléfono y horario de apertura.

En la edición posterior, puede agregar un bloque HTML personalizado.

Combine la personalización de bloques de HTML en WordPress

Si el texto del bloque está personalizado en HTML, puedes copiarlo a Google Maps.

Tarjeta para insertar código en WordPress

Ahora puede cambiar la vista a la vista para ver Google Maps incluido en Gina. Muestre la ubicación de la tienda marcada en el mapa con enlaces a direcciones para proteger la ubicación.

Ubicación de la tienda marcada en el mapa

Método 2. Acuerdo para localización de adolescentes de Google Maps y adición a WordPress

Puede recomendar usar para usar ubicaciones multijugador en un mapa de Google.

Lo primero que debe hacer es instalar y activar WP Store Locator. Para obtener más detalles, consulte nuestra guía para obtener e instalar un complemento de WordPress.

Este es un complemento gratuito de Google Maps que te permite crear un mapa personalizado con ubicaciones multijugador y cámaras personalizadas.

El desarrollo de este método es un requisito que agrega una clave API. Deberá ser proporcional a la información de facto para el uso de la API en clave. Para conocer el precio y otra información, visite el sitio web de Google Maps Platform.

Lista, hablemos.

Paso 1. Generar claves API de Google Maps

Para usar además del WP Store Locator, debe generar dos claves API. Por ejemplo, la API lama clava del navigador y la API lama segunda son lama del servidor.

Hablemos primero con el cristal del navegador. Haga clic en el sitio web de Google Developer Console y descárguelo del sitio web de API de Google con todas las API de API necesarias.

Crear un nuevo proyecto

Necesito crear un nuevo proyecto y asignarle un nombre que pueda identificar. Después de eso, podrá esperar el momento de la consola para crear el proyecto para nosotros.

Continuó, redirigido a la configuración de configuración de la clave API. Debe ser proporcional al título de la clave API, para que pueda identificar las claves como la clave API del navegador de proyectos de Google Maps.

Configuración de la clave de la API del navegador

Instale siempre Restricciones de aplicaciones y Referencias HTTP. Debatido esto, debe establecerse de Campo «Aceptar solicitudes de» en nombre de la dominancia y en el formato resultante.

https://ejemplo.com/*
https: //*.example.com/* (se usa subdomino)

Finalmente, haga clic en el botón «Crear». La consola ahora está protegida y configurada para navegar. Debe copiar y pegar esta clave en un editor de texto, la necesitará más adelante.

Copie el teclado API a la navegación.

Continuamente, cree una API clave en el servidor. Haga clic en Google Developer Console y seleccione Directamente a la consola con las API seleccionadas habilitadas.

Probablemente el objetivo de creación del proyecto. Sin embargo, como crear un proyecto, puede hacer clic en el menú y seleccionar su proyecto.

Seleccione el proyecto de Google Maps

Luego se puede redirigir a la página de configuración de la API. Proporcione un nombre para esta clave API que lo ayudará a reconocerla como clave del servidor.

Restricciones IP establecidas

En la sección «Restricciones de la aplicación», seleccione Directrices de IP. Por cierto, estamos diciendo que Google solo acepta las solicitudes del servidor que prueba las direcciones específicas de IP.

Es necesario tener un proveedor de alojamiento de WordPress que pueda usar el rango de uso de IP para la cuenta de alojamiento. Comenzó en el siguiente formato:

172.16.0.0/12

Para ello pulsa en el botón «Crear» del bot para proteger su configuración copie la clave API al servidor.

Paso 2. Configurar un complemento para WP Store Locator

Una vez que haya creado sus claves de API, debe dirigirse a Localizador de tiendas »Configuración página para configurar el complemento.

Introduce las claves en Google Maps

Introduzca primero el navegador de Google Maps y las claves API del servidor que genera. Continuación, selección del idioma y la región de Mapas y el lugar del clic en el botón Configurar Configurar.

Ahora, si desea ir a la página de configuración, use la sección Mapa e ingrese un punto de inicio del mapa.

Agrega un punto de inicio para el mapa de tu localizador de tiendas

Hay muchas otras opciones en la configuración de configuración que incluyen estilo de mapa, nivel de zoom predefinido, tipo de mapa, radio, ritmos, etc. Puede revisar y ajustar sus necesidades.

Una vez que haya terminado, es hora de agregar.

Paso 3. Ubicaciones de tiendas agregadas

director de orquesta Localizador de tiendas »Nueva tienda página para agregar su primera ubicación. La Nueva Tienda se basa en la publicación predefinida del editor de WordPress.

dirección de la tienda

Proporcione al título de su tienda y el lugar al que desea ir a la sección «Detalles de la tienda». Desde aquí, puede introducir la dirección de su tienda.

Puedes ver un mapa en la columna, sin embargo, pero se actualizará automáticamente según la dirección que hayas ingresado. Deberá hacer clic en el botón Publicar para guardar su ubicación. Después de eso, el hecho de que la página y el mapa apunten a la dirección que proporcione.

Ahora responda al proceso para agregar otras ubicaciones de ventas. Puedes agravar todas las cosas que puedes hacer.

Paso 4. Reportar el mapa de ubicación de las thiendas en WordPress

Para mostrar su localizador en una página de WordPress, simplemente cree una nueva página para editar una existente donde pueda mostrar el mapa.

En la edición de la publicación, es necesario agregar el bloque «Código corto» sobre las novedades de la edición de la publicación. Después de eso, agregue el [wpls] código corto dentro de à © l.

Código del dueño de la tienda

Ahora puede ver la publicación en su sitio web y hacer clic en el botón Ver para ver al propietario de la tienda de Google Maps en acción.

Vista anterior mapa de ubicación de Tiendas

Muestre sus marcadores de mapa para cada ubicación y comente en el mapa debajo de su punto de lote preferido. Por ejemplo, en este mapa, está ubicado en el centro de la ciudad de West Palm Beach y muestra dos tiendas en el mapa.

También hay una lista posible de nuestra lista gratuita de Google Herbs gratuitos que pueden utilizar todos los sitios.

Disfruta del artículo, usa el nuevo canal de YouTube para tutoriales en video para WordPress.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Botón volver arriba