Configurar Store locator plus Wordpress

Store locator plus, configuramos el plugin de las múltiples localizaciones.

Tener una buena comunicación con nuestros clientes es un echo que está demostrado. Hoy en día existen muchas herramientas para llevar a cabo esta labor: e-mail, teléfono, redes sociales, etc etc.

Una de las más extendidas es mostrar la localización de nuestro negocio a través de Google maps. Implementar la localizacíon de nuestro negocio en nuestra pagina web es relativamente facíl, desde Google maps nos ofrecen un código que insertamos en un modulo Html y lo tenemos solucionado, pero ¿y si nuestro modelo de negocio se basa en partners o en una franquicia?

¿Como podemos hacer para mostrar en un único mapa todas las localizaciones de todas nuestras sucursales?

Para ese fin esta creado el plugin Store locator plus.

Índice de contenidos

Instalación

Para instalarlo nos iremos al repositorio de plugins de WordPress. Nos vamos a plugins/añadir nuevo y en la barra de buscar escribimos Store locator plus. Una vez aparezcan los resultados de la busqueda instalamos y ejecutamos (recuadro rojo de la imagen).

Al actualizarse la pagina veremos como a la columna de opciones de la izquierda se nos a añadido una pestaña nueva (recuadro azul de la imagen). En esta pestaña configuraremos las opciones que necesitamos para llevar a cabo nuestro mapa multilocalizaciones.

configurar store locator plus

Creamos la API key para Google Maps

Para el correcto funcionamiento de google maps en nuestra pagina web, lo primero que debemos realizar es una API key. Podemos conseguir nuestra API key de forma gratuita en la consola de desarrolladores de Google. Creamos un nuevo proyecto (recuadro verde imagen) con el titulo que nos interese y una vez nos aparezca la biblioteca de API seleccionamos MAPS JAVASCRIPT API y la habilitamos.

Acto seguido clicamos sobre credenciales (recuadro naranja imagen) y creamos una credenciales clave de API (recuadro rosa imagen) y nos creara una clave que deberemos pegar en los ajustes de Store Locator Plus.

api key google maps
api key google maps

Volvemos al administrador de WordPress y vamos a los ajustes de Store Locator Plus, seguimos la ruta General/server y pegamos la API key en Google Browser Key (recuadro lila de la imagen) y guardamos los cambios.

Api Key Google maps

Configuramos el aspecto visual de Store Locator Plus

Iniciaremos la personalización por los aspectos de búsqueda. Para ello accederemos a Settings/Search. De arriba a abajo estos son los campos que debemos definir:
  • Distance unit: Definir la unidad con la que se van a medir las distancias.
  • Radio Options: En este punto defininémos los diferentes radios de búsqueda en relación a la ciudad o el código postal que se introduzca en el buscador.
  • Search form style: El estilo del formulario de búsqueda. En la versión premium ofrecen más opciones de personalización.
  • Radius y address: Añadiremos las traducciones que acompañan a los campos de búsqueda
Personalizacion Store locator plus

Pasamos a la personalización del mapa. Sin movernos de esta página hacemos click en Map. De arriba a abajo estos son los campos que debemos definir:

  • Center Map At: Definiremos en centro del mapa en un pais, región o localidad.
  • Center Latitude Fallback y Center Longitude Fallback: Si la geocodificación del Google esta desactivada definiremos el centro del mapa a través de la longitud y la latitud. Para averiguar esos parametros de una dirección podéis realizarlo clicando aquí.
  • Zoom Level: Definiremos el nivel de zoom inicial del mapa.
  • Zoom Adjustment: Cambia la medida en que el zoom automático limita las ubicaciones mostradas.
  • Map Domain: Seleccione la URL de la API de Google maps que se utilizará de forma predeterminada para las consultas de ubicación. En nuestro caso seleccionaremos España.
  • Map Language: Idioma del mapa.
Personalizacion Store locator plus
  • Map Height y Height Units: Definimos el alto del mapa y la unidad de medida con la que definimos la altura. En pixeles, porcentaje, etc etc
  • Map Width y Width Units: Definiremos el ancho del mapa del mismo modo que el punto anterior.
  • Map Type: Tipo de mapa. De carreteras, satelite, hibrido, etc.
  • Remove Credits: Selecionando esta opción deshabilitamos los creditos del plugin.
  • Home Marker: Personalizamos con un icono la leyenda que marca la central de nuestro negocio. El plugin ofrece un abanico de posibilidades para la personalización o bien podemos subir un icono a la biblioteca de medios.
  • Location Marker: Personalizamos con un icono la leyenda que marca las sucursales de nuestro negocio.
Personalizacion Store locator plus

Personalizamos los resultados de busqueda de Store Locator Plus

Clicamos sobre la pestaña results y personalizamos los campos a nuestro criterio.

  • Show Locations: Si activamos esta opción nos apareceran todos los posibles resultados sin realizar ninguna busqueda.
  • Initial Search Radius: Definimos el radio inicial de busqueda.
  • Number To Show Initially: Numero inicial de resultados antes de la busqueda.
  • Number To Show: Numero inicial de resultados después de la busqueda.

Los campos que aparecen en appearance y labels son para definir las traducciones tanto de los resultados de busqueda como de los textos que aparecen al clicar en las leyendas del mapa.

Store Locator plus

Añadimos nuestra primera dirección en Store Locator Plus

Clicamos sobre la pestaña locations.

Una vez nos cargue la pagina correspondiente nos apareceran 4 subpestanas:

  • List: Lista de todas las direcciones que tenemos añadidas al plugin.
  • Add: Añadir nueva dirección.
  • Load: Cargar una lista de direcciones que utilicen La aplicación de Store Locator Plus mediante una URl.
  • Import: Importar una lista de direccines mediante un archivo CSV.

Para añadir una nueva dirección clicamos sobre la pestaña add y simplemente es rellenar todos los campos referentes a la sucursal que vayamos a insertar en el mapa. Recordad que para la localización de coordenadas podemos utilizar la herramienta que hemos mencionado en el punto que hacia referencia a la personalización del mapa.

Podéis reeditar o borrar direcciones con los iconos que aparecen al inicio de cada uno de los elementos de la lista (recuadro rojo imagen).

Store Locator Plus
Store Locator Plus
Compártenos en tu red social favorita
Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on whatsapp
Como utilizar los hooks de la plantilla Astra Wordpress

Cómo utilizar los hooks de la plantilla Astra de WordPress

Este va a ser el primero de una serie de articulos en los que trataremos en profundidad el theme de WordPress Astra. Para iniciar esta serie de artículos vamos a empezar con una de las características que nos va a ahorrar mucho tiempo, especialmente a

Como añadir iconos a tu menu Wordpress con y sin plugins

Cómo añadir iconos a tu menú de WordPress con y sin plugins

Si estás intentado añadir iconos en tu menú principal de tu WordPress y no sabes cómo hacerlo, sigue leyendo este artículo porque te vamos explicar cómo añadir iconos a tu menú de WordPress con y sin plugins. Índice de contenidos Insertar iconos al menú con

Cómo crear un menu vertical con Elementor

Cómo crear un menú vertical en WordPress con Elementor

Una de las características que caracteriza a WordPress es su gran versatilidad para llevar a cabo una tarea. Si en nuestro anterior post explicábamos la creación de un menú vertical con Astra pro y Ultimate addons for Elementor, hoy os enseñaremos cómo crear un menú

Suscríbete a nuestro blog

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leido y acepto nuestra política de privacidad. *

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.
Ir arriba