[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-agregar-el-localizador-de-tiendas-de-google-maps-en-wordpress-opcion-gratuita\/#BlogPosting","mainEntityOfPage":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-agregar-el-localizador-de-tiendas-de-google-maps-en-wordpress-opcion-gratuita\/","headline":"C\u00f3mo agregar el localizador de tiendas de Google Maps en WordPress (opci\u00f3n gratuita)","name":"C\u00f3mo agregar el localizador de tiendas de Google Maps en WordPress (opci\u00f3n gratuita)","description":"\u00bfQuieres a\u00f1adir el localizador de tiendas de Google Maps en WordPress? Un localizador de tiendas es un mapa que apunta a la ubicaci\u00f3n de su ... Leer m\u00e1s<\/a>","datePublished":"2022-07-25","dateModified":"2022-07-25","author":{"@type":"Person","@id":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/#Person","name":"adrimadise\u00f1o","url":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/","image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"adrimadise\u00f1o.com","logo":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","width":450,"height":90}},"image":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/07\/Como-agregar-el-localizador-de-tiendas-de-Google-Maps-en.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/07\/Como-agregar-el-localizador-de-tiendas-de-Google-Maps-en.png","height":340,"width":550},"url":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-agregar-el-localizador-de-tiendas-de-google-maps-en-wordpress-opcion-gratuita\/","about":["Plugins"],"wordCount":1652,"articleBody":"\u00bfQuieres a\u00f1adir el localizador de tiendas de Google Maps en WordPress? Un localizador de tiendas es un mapa que apunta a la ubicaci\u00f3n de su empresa. Permite a los usuarios ubicarlo en el mapa, encontrar indicaciones para llegar o compartir la ubicaci\u00f3n con amigos. Agregar un localizador de tiendas al sitio web de su empresa o incluso una tienda en l\u00ednea lo ayuda a ganarse instant\u00e1neamente la confianza de los usuarios. En este art\u00edculo, le mostraremos c\u00f3mo agregar f\u00e1cilmente el localizador de tiendas de Google Maps en WordPress. Google Maps introdujo una API paga para mostrar mapas en sitios web. Todav\u00eda ofrecen una opci\u00f3n gratuita limitada para incrustar mapas de Google en sitios web peque\u00f1os. La mayor\u00eda de los complementos de Google Maps para WordPress utilizan la API de Google para recuperar y mostrar mapas. Si desea utilizar un complemento de Google Maps, deber\u00e1 registrarse en la plataforma API de Google y habilitar la opci\u00f3n de facturaci\u00f3n. Es un servicio de pago por uso, lo que significa que se le cobrar\u00e1 seg\u00fan la cantidad de llamadas API realizadas desde su sitio web. Te mostraremos tanto los m\u00e9todos gratuitos como los de pago con sus pros y sus contras, luego podr\u00e1s elegir el que mejor se adapte a tus necesidades. M\u00e9todo 1. Agregar Google Maps a su sitio web de forma gratuitaEste m\u00e9todo es m\u00e1s f\u00e1cil y gratuito. La desventaja es que no puede mostrar varias tiendas en un solo mapa. Se recomienda para usuarios que solo desean agregar una sola ubicaci\u00f3n de tienda de Google Maps en su sitio web.En primer lugar, debe visitar el mapas de Google sitio web en su computadora. Luego, ingrese la direcci\u00f3n de su tienda en el campo de b\u00fasqueda y Google Maps la mostrar\u00e1 en el mapa con un marcador fijo en el mapa. Aseg\u00farese de que el marcador est\u00e9 colocado en la ubicaci\u00f3n correcta. Puede seleccionar un nivel de zoom haciendo clic en el bot\u00f3n de zoom. Una vez que est\u00e9 satisfecho con el nivel de zoom, debe hacer clic en el bot\u00f3n Compartir de la columna de la izquierda. Aparecer\u00e1 una ventana emergente en la que deber\u00e1 cambiar a la pesta\u00f1a “Incrustar un mapa”. Ahora ver\u00e1 su ubicaci\u00f3n buscada en el mapa con un c\u00f3digo HTML. Haga clic en el enlace Copiar HTML para obtener el c\u00f3digo de inserci\u00f3n. Ahora dir\u00edgete al \u00e1rea de administraci\u00f3n de tu sitio web de WordPress. Una vez en el \u00e1rea de administraci\u00f3n, contin\u00fae y edite la publicaci\u00f3n o la p\u00e1gina donde desea mostrar el mapa de ubicaci\u00f3n de la tienda. Normalmente, los usuarios agregan un mapa de ubicaci\u00f3n de la tienda en su p\u00e1gina de formulario de contacto con su n\u00famero de tel\u00e9fono y horario de apertura. En la pantalla de edici\u00f3n de publicaciones, debe agregar un bloque HTML personalizado. En el \u00e1rea de texto del bloque HTML personalizado, debe pegar el c\u00f3digo que copi\u00f3 de Google Maps. Ahora puede cambiar a la pesta\u00f1a de vista previa para ver Google Maps incrustado en su p\u00e1gina. Mostrar\u00e1 la ubicaci\u00f3n de su tienda marcada en el mapa con enlaces a direcciones o para guardar la ubicaci\u00f3n. M\u00e9todo 2. Agregue el localizador de tiendas de Google Maps usando un complemento de WordPressEste m\u00e9todo se recomienda para los usuarios que desean mostrar varias ubicaciones de tiendas en un mapa de Google. Lo primero que debe hacer es instalar y activar el Localizador de tiendas WP enchufar. Para obtener m\u00e1s detalles, consulte nuestra gu\u00eda paso a paso sobre c\u00f3mo instalar un complemento de WordPress.Es un complemento gratuito de Google Maps que le permite crear un mapa personalizado con m\u00faltiples ubicaciones de tiendas y campos personalizados. La desventaja de este m\u00e9todo es que requiere que agregue una clave API. Deber\u00e1 proporcionar su informaci\u00f3n de facturaci\u00f3n para usar la clave API. Para precios y otra informaci\u00f3n, consulte el Plataforma de mapas de Google sitio web. Listo, comencemos. Paso 1. Generaci\u00f3n de claves API de Google Maps Para usar el complemento WP Store Locator, deber\u00e1 generar dos claves API. La primera se denomina clave de la API del navegador y la segunda se denomina clave del servidor.Comencemos primero con la tecla Navegador. Haga clic en este Consola para desarrolladores de Google enlace y lo llevar\u00e1 al sitio web de la API de Google con todas las API requeridas habilitadas. Necesitas crear un nuevo proyecto y darle un nombre que te ayude a identificar el proyecto. Despu\u00e9s de eso, tendr\u00e1 que esperar unos momentos mientras la consola crea el proyecto por usted. A continuaci\u00f3n, ser\u00e1 redirigido a la p\u00e1gina de configuraci\u00f3n de la clave API. Debe proporcionar un t\u00edtulo para su clave API, de modo que pueda identificarla f\u00e1cilmente como la clave API del navegador para su proyecto de Google Maps. A continuaci\u00f3n, debe establecer ‘Restricciones de la aplicaci\u00f3n’ en ‘Recomendadores HTTP’. A continuaci\u00f3n, debe configurar el campo ‘Aceptar solicitudes de’ en su nombre de dominio en el siguiente formato. https:\/\/ejemplo.com\/*https:\/\/*.example.com\/* (si est\u00e1 utilizando un subdominio)Finalmente, haga clic en el bot\u00f3n ‘Crear’. La consola ahora guardar\u00e1 su configuraci\u00f3n y le mostrar\u00e1 la tecla del navegador. Debe copiar y pegar esta clave en un editor de texto, la necesitar\u00e1 m\u00e1s adelante. A continuaci\u00f3n, debe crear la clave API del servidor. Haga clic en este Consola para desarrolladores de Google enlace y lo llevar\u00e1 directamente a la consola con las API seleccionadas habilitadas. Ver\u00e1 una vez m\u00e1s la p\u00e1gina de creaci\u00f3n de proyectos. Sin embargo, dado que ya ha creado un proyecto, puede hacer clic en el men\u00fa desplegable y seleccionar su proyecto. Luego ser\u00e1 redirigido a la p\u00e1gina de configuraci\u00f3n de la API. Proporcione un nombre para esta clave de API que lo ayude a reconocerla como clave de servidor. En la secci\u00f3n ‘Restricciones de la aplicaci\u00f3n’, debe seleccionar Direcciones IP. B\u00e1sicamente, le estamos diciendo a Google que solo acepte solicitudes de servidor provenientes de direcciones IP espec\u00edficas. Ahora deber\u00e1 pedirle a su proveedor de alojamiento de WordPress que le diga el rango de IP utilizado por su cuenta de alojamiento. Estar\u00eda en el siguiente formato: 172.16.0.0\/12Despu\u00e9s de eso, debe hacer clic en el bot\u00f3n ‘Crear’ para guardar su configuraci\u00f3n y copiar la clave API del servidor. Paso 2. Configuraci\u00f3n del complemento WP Store Locator Una vez que haya creado sus claves API, debe dirigirse a Localizador de tiendas \u00bb Ajustes p\u00e1gina para configurar el complemento. Ingrese las claves API del servidor y del navegador de Google Maps que gener\u00f3 anteriormente. A continuaci\u00f3n, seleccione el idioma y la regi\u00f3n de Maps y luego haga clic en el bot\u00f3n Guardar cambios para almacenar su configuraci\u00f3n. Ahora, debe desplazarse hacia abajo en la p\u00e1gina de configuraci\u00f3n hasta la secci\u00f3n ‘Mapa’ e ingresar un punto de inicio del mapa. Este punto de inicio podr\u00eda ser una ciudad o un pa\u00eds, para que los usuarios puedan ver los marcadores colocados en diferentes ubicaciones. Hay muchas otras opciones en la p\u00e1gina de configuraci\u00f3n, incluido el estilo del mapa, el nivel de zoom predeterminado, el tipo de mapa, el radio de b\u00fasqueda, el pa\u00eds, etc. Puede revisarlos y ajustarlos a sus necesidades. Una vez que haya terminado, es hora de agregar ubicaciones.Paso 3. Agregar ubicaciones de tiendas Dirigirse a Localizador de tiendas \u00bb Nueva tienda p\u00e1gina para agregar su primera ubicaci\u00f3n. La p\u00e1gina Nueva tienda se ver\u00e1 como la publicaci\u00f3n predeterminada o el editor de p\u00e1gina en WordPress. Proporcione un t\u00edtulo para su tienda y luego despl\u00e1cese hacia abajo hasta la secci\u00f3n ‘Detalles de la tienda’. Desde aqu\u00ed, debe ingresar la direcci\u00f3n de su tienda. Ver\u00e1 un mapa en la columna de la derecha, sin embargo, no se actualizar\u00e1 autom\u00e1ticamente a la direcci\u00f3n que ingres\u00f3. Deber\u00e1 hacer clic en el bot\u00f3n Publicar para guardar su ubicaci\u00f3n. Despu\u00e9s de eso, actualice la p\u00e1gina y el mapa apuntar\u00e1 a la direcci\u00f3n que proporcion\u00f3. Ahora repita el proceso para agregar otras ubicaciones de tiendas. Puede agregar tantas ubicaciones de tiendas como desee.Paso 4. Agregar el mapa localizador de tiendas en WordPress Para mostrar su localizador de tiendas en una p\u00e1gina de WordPress, simplemente cree una nueva p\u00e1gina o edite una existente donde desee mostrar el mapa. En la pantalla de edici\u00f3n de publicaciones, debe agregar el bloque ‘C\u00f3digo corto’ a su \u00e1rea de edici\u00f3n de publicaciones. Despu\u00e9s de eso agrega el [wpsl] c\u00f3digo abreviado dentro de \u00e9l. Ahora puede guardar o publicar su p\u00e1gina y hacer clic en el bot\u00f3n de vista previa para ver el localizador de tiendas de Google Maps en acci\u00f3n. Mostrar\u00e1 los marcadores de su mapa para cada ubicaci\u00f3n de la tienda y comenzar\u00e1 el mapa desde su punto de partida preferido. Por ejemplo, en este mapa, se centra en la ciudad de West Palm Beach y muestra dos ubicaciones de tiendas en el mapa. Eso es todo, esperamos que este art\u00edculo te haya ayudado a aprender c\u00f3mo agregar el localizador de tiendas de Google Maps en WordPress. Tambi\u00e9n puede consultar nuestra lista de herramientas gratuitas de Google que todo propietario de un sitio deber\u00eda usar. Si te ha gustado este art\u00edculo, suscr\u00edbete a nuestro Canal de Youtube para tutoriales en v\u00eddeo de WordPress. Tambi\u00e9n puedes encontrarnos en Gorjeo y Facebook. "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Plugins","item":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"C\u00f3mo agregar el localizador de tiendas de Google Maps en WordPress (opci\u00f3n gratuita)","item":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-agregar-el-localizador-de-tiendas-de-google-maps-en-wordpress-opcion-gratuita\/#breadcrumbitem"}]}]