Saltar al contenido principal

WP Location Finder: Configuración de la API de mapas

1. ¿Cómo crear una API de mapas?

1.1 Obtener la clave API de Google Maps y los servicios API

Cada vez que utilices las API de Google Maps, si tu dominio se creó después del 22 de junio de 2016, debes incluir una clave para validar tu solicitud.
Obtén una clave y habilita la API: https://developers.google.com/maps/documentation/javascript/get-api-key

Más información: https://developers.google.com/maps/documentation/javascript/usage?hl=es

Primero, ve a la consola de Google Cloud, selecciona un proyecto o crea uno nuevo. Luego, haz clic en "+ Crear credenciales" y selecciona "Clave de API".

 

crear clave API

 

Luego, sigue el siguiente paso y haz clic en "Crear" para obtener una nueva clave API. Guárdala para el siguiente paso.

 

clave API creada

 

Además, es necesario habilitar ciertos servicios de API. En la consola de Google, ve a API y servicios y búscalos como se muestra a continuación:

  • API de JavaScript de mapas
  • API de geocodificación
  • API de geolocalización
  • API de lugares
  • API de direcciones

 

habilitar servicios de API

 

1.2 ¿Cómo crear un ID de Google Map?

Para crear un ID de mapa, dirígete a de administración de mapas . Haz clic en "Crear ID de mapa" .

 

crear-nuevo-id-de-mapa

 

Luego, en la página Crear nuevo ID de mapa, haga lo siguiente:

  • Nombre: ingrese el nombre del ID del mapa.
  • Descripción: describe para qué se utiliza el ID del mapa (opcional)
  • Tipo de mapa: seleccione JavaScript y elija también un tipo de mapa Raster (predeterminado) o Vector.

 

nuevos campos de identificación del mapa

 

Recuerda hacer clic en Guardar para ver el nuevo ID del mapa. Consérvalo para la configuración.

 

id del mapa creado

 

Nota: Un ID de mapa es un identificador único que representa los ajustes de estilo y configuración de Google Maps almacenados en Google Cloud. Si no tiene un ID de mapa, utilice el ID de mapa "DEMO_MAP_ID" para realizar pruebas.

 

1.3 ¿Cómo crear un token OpenStreetMap?

Para comenzar, visite aquí para registrar una nueva cuenta o iniciar sesión en su cuenta existente. Este paso es esencial antes de generar tokens de acceso.

Una vez que hayas iniciado sesión correctamente, busca la "Tokens de acceso" en la configuración de usuario o en el menú de tu cuenta y selecciónala. Dentro del área de Tokens de acceso, localiza y selecciona la "Crear token de acceso" para iniciar el proceso de generación del token. Todos los campos para la creación del token serán visibles directamente en la página de Tokens de acceso. Para crear tu token:

  • Introduzca un nombre descriptivo en el "Etiqueta" para que le ayude a identificar este token más adelante.
  • Deje los dos campos adicionales a continuación vacíos (la configuración predeterminada es suficiente para la mayoría de los usuarios)
  • Haz clic en el "Crear" para generar tu nuevo token de acceso.

 

token de acceso

 

Tu nuevo token de acceso se mostrará una vez creado. Asegúrate de copiarlo y guardarlo de forma segura, ya que lo usarás en los pasos de configuración posteriores.

 

generado por tokens

 

2. Sección de configuración principal

Proveedor de mapas

Navegue a Menú Localizador > Configuración > Configuración principal para configurar sus preferencias de proveedor de mapas. Encontrará dos opciones de proveedor de mapas disponibles: Google y OpenStreetMap.

Si elige Google Maps como su proveedor, deberá configurar los siguientes campos obligatorios con las credenciales de los pasos de configuración anteriores:

  • Clave API de Google Maps:  La clave API de Google Maps es obligatoria. Si no sabe cómo crear una nueva clave API, vuelva al paso 1.1.
  • ID del mapa: Un ID de mapa es un identificador único que representa el estilo y la configuración de Google Maps, almacenados en Google Cloud.
    Es obligatorio tener uno; si no lo necesita, puede conservar el predeterminado (DEMO_MAP_ID).
  • Zoom predeterminado del mapa: nivel de zoom predeterminado en el mapa en la primera carga (establezca el zoom automático en 0)
  • Tipo de mapas: Hoja de ruta, Satélite, Híbrido, Terreno.
  • Capa de mapas: KML, Tráfico, Tránsito, Bicicletas.

 

configuración de relleno

 

Si selecciona OpenStreetMap como su proveedor, deberá introducir el token de acceso que obtuvo en el paso 1.3:

  • Token de acceso de geocodificación: el token de acceso de LocationIQ es necesario para la funcionalidad de autocompletar direcciones.
  • Zoom predeterminado del mapa: nivel de zoom predeterminado en el mapa en la primera carga (establezca el zoom automático en 0)
  • Tipo de mapa: Predeterminado, OpenStreetMap HOT, Carto Light, Carto Dark,...
  • Capa de mosaico personalizada: ingrese su capa personalizada.

 

Proveedor de OpenStreetMap

 

Después de configurar los ajustes de su proveedor de mapas, descubrirá varias funciones de personalización que funcionan tanto con Google Maps como con OpenStreetMap para mejorar la funcionalidad de su mapa y la experiencia del usuario:

  • Búsqueda por nombre de ubicación
  • Mostrar filtro de categoría
  • Mostrar filtro de país
  • Filtro de radio de visualización
  • Unidad de distancia: km/mi
  • Distancia para búsqueda de radio: Distancia en la herramienta de búsqueda de radio
  • Filtro de etiquetas de visualización
  • Abrir detalle de ubicación en nueva pestaña

 

configuración detallada del mapa

 

Visualización del mapa

Las ubicaciones que hayas creado se mostrarán en el mapa de la de Configuración .

 

configuración de visualización del mapa

 

Ubicación única

  • Agregar campos de tienda: agregue algunos campos específicos a cada ubicación, como nombres de tiendas y horarios de apertura de tiendas.

 

Imagen en color y marcador

Puede ajustar el color y la imagen del marcador predeterminado aquí.

 

configuración del marcador de color de ubicación

 

3. Configuración de IA

Para usar esta función, ve a Configuración del plugin > Configuración de IA > pestaña Precios para obtener créditos. Haz clic en el Obtener créditos de IA ahora y completa el proceso de compra.

 

obtener crédito de inteligencia artificial

 

Después de adquirir créditos, vuelva a Configuración de IA > pestaña Configuración > sección Límites de longitud del contenido para configurar las siguientes opciones:

  • Longitud del título de IA: establece el número máximo de palabras para los títulos generados
  • Longitud de la descripción de IA: establece el número máximo de palabras para las descripciones generadas

 

plan de configuración de IA

 

En la de configuración global de IA , puedes personalizar el idioma del contenido generado por IA. Activa la opción "Cuota de IA en la barra superior" para mostrar los créditos restantes en la barra superior de WordPress.

 

crédito en la barra superior

 

Una vez completada la configuración, puede acceder a la función de Optimización de IA desde la vista " Todas las ubicaciones" o desde la vista de una ubicación individual. Haga clic en el botón "Optimización de IA" en la parte superior de la página y, a continuación, seleccione el botón "Generar" en la ventana emergente para crear o completar automáticamente los datos de SEO.

 

botón de optimización de IA

 

4. Ubicaciones de importación/exportación

Ubicaciones de importación

Para comenzar a importar tus ubicaciones, dirígete al menú Buscador de ubicaciones > Configuración > Sección Importar. Selecciona tu CSV o KML en el campo correspondiente según el formato de tus datos.

 

ubicaciones de importación

 

¿Necesitas una plantilla? Simplemente haz clic en el "Descargar archivo CSV de ejemplo" para obtener nuestro archivo de muestra y ver el formato correcto. También puedes marcar la "Actualizar ubicaciones existentes si coinciden o agregar nuevas ubicaciones que no existen" si deseas actualizar tus datos actuales al agregar nuevas entradas.

Ubicaciones de exportación

Cuando esté listo para exportar sus ubicaciones existentes, diríjase a la Exportar . Desde allí, simplemente haga clic en el "Exportar a CSV" o "Exportar a KML", según el formato que necesite.

 

ubicaciones de exportación

 

Sincronización

Para configurar la sincronización automática de archivos CSV, vaya a Configuración y luego a Importar/Exportar > pestaña Sincronización. Seleccione su archivo CSV de la Biblioteca multimedia. Active la "Activar sincronización automática" y especifique la frecuencia de actualización deseada en el "Intervalo de sincronización (minutos)" .

El sistema importará automáticamente los datos en los intervalos elegidos, actualizando las ubicaciones existentes cuando se encuentren coincidencias y creando nuevas entradas para datos adicionales.

 

ubicaciones de sincronización

 

5. Control de acceso

Para administrar los permisos de ubicación (crear, editar, eliminar, publicar) para cada rol de usuario, vaya a Configuración > Control de acceso.

 

control de acceso

 

WP Location Finder: Instalación

1. Instalar

Para instalar nuestro complemento, debe utilizar el instalador estándar de WordPress o descomprimirlo y colocar toda la carpeta en /wp-content/plugin.

 

complemento de carga

 

Luego haga clic en activar complementopara ver WP Location Finder aparecer en el menú izquierdo de WordPress.

Se puede acceder WP Location Finder desde un menú izquierdo dedicado. 

De ahora en adelante, asegúrese de iniciar sesión en su cuenta de JoomUnited antes de usar el complemento.

 

Licencia de inicio de sesión de Joomunited

 

2. Actualizar el complemento

 

Para actualizar WP Location Finder, puedes usar el actualizador predeterminado de WordPress. También puedes desinstalar e instalar la nueva versión desde un archivo .zip descargado en www.joomunited.com. En cualquier caso, no perderás ningún contenido, ya que todo se almacena en la base de datos.

 

Instalación del buscador de ubicación de wp

 

Asegúrese de tener siempre la última versión para evitar problemas de seguridad y estabilidad.

Para actualizar la versión de pago, debes iniciar sesión en tu cuenta de JoomUnited. Si aún no has iniciado sesión, simplemente haz clic en el enlace "Conecta tu cuenta de JoomUnited para actualizar" o en "Iniciar sesión en JoomUnited"

 

Actualización del buscador de ubicaciones de wp

 

Introduce tu nombre de usuario y contraseña de JoomUnited. Tras iniciar sesión correctamente, aparecerá el enlace "Actualizar ahora", donde podrás hacer clic para actualizar a una nueva versión

 

Actualización del buscador de ubicaciones de wp

 

Luego, finalmente, puedes actualizar todos los complementos comerciales de JoomUnited desde la actualización estándar de WordPress.

 

Buscador de ubicaciones de wp actualizado

 

WP Location Finder: configuración de búsqueda y ubicaciones

1. Crea una ubicación

Para crear una nueva ubicación, vaya a Buscador de ubicaciones > Todas las ubicaciones. Haga clic en el botón "Agregar nueva ubicación" .

 

agregar-nueva-ubicación

 

Después, aparecerá la página "Agregar nueva ubicación", con dos paneles principales: a la izquierda, el campo de detalles y a la derecha, el mapa. A continuación, se muestran los campos donde puede ingresar o seleccionar valores.

 

  • Nombre de la ubicación: ingrese el nombre de la dirección.
  • URL: se generará después de la publicación.
  • Descripción de la ubicación: 
  • Búsqueda de ubicación: escriba una dirección en el campo de búsqueda para obtener un valor de latitud y longitud.

 

agregar nuevo campo de ubicación

 

Alternativamente, utilice la sección de dirección de ingreso manual debajo del mapa: haga clic en la flecha para expandir todos los campos.

 

entrada manual de dirección

 

Desplácese hacia abajo para obtener opciones más detalladas de la ubicación.

  • Imagen destacada: elija la imagen que representa la ubicación.
  • Galería de imágenes: sube imágenes de la ubicación.
  • Imagen de marcador: seleccione en el conjunto de íconos o cargue su propio ícono.

 

ubicación del icono de la imagen

 

  • URL de contacto de ubicación
  • URL de anulación de ubicación
  • Etiquetas: etiqueta de ubicación de entrada.
  • Título SEO de ubicación
  • Meta descripción SEO de ubicación

 

detalles de ubicación

 

Luego, puedes seleccionar una categoría o varias para la ubicación.

 

seleccionar-ubicación-categoría

 

A continuación, en la sección Publicar, puedes configurar estos campos:

  • Estado: elija uno de los 3 estados: Borrador, Pendiente de revisión, Publicado
  • Visibilidad: Pública, Protegida con contraseña, Privada
  • Hora de publicación: Inmediatamente, Publicación programada
  • Código corto: úsalo para publicar en cualquier lugar de tu sitio.

 

sección de publicación de ubicación

 

Campos de la tienda

Para usar esta función y mostrar el horario de apertura a los clientes, primero debes habilitar la opción en la configuración. Una vez hecho esto, podrás ver la de campos de la tienda al crear una nueva ubicación.

 

tienda de una sola ubicación

 

Ubicación de la vista previa

Para ver una vista previa de tu ubicación en la interfaz de usuario, simplemente ve a la sección Publicar y haz clic en el botón " Vista previa" 

 

vista previa de la ubicación

 

2. Generador de códigos cortos

Para generar un código corto de mapa, vaya a Menú Buscador de ubicaciones > Generador de códigos cortos. Puede configurar algunas opciones a continuación en Tipo de vista:

  • Búsqueda de ubicación: [wplf type_of_view="location_search" default_address="París, Francia" categories="16" tags="27" map_zoom="Auto"]
  • Solo vista de mapa: [wplf type_of_view="map_view" default_address="París, Francia" categories="16" tags="27" map_zoom="Auto"]
  • Ubicación única: [wplf id="578" map_zoom="Auto"]
  • Formulario de envío de frontend: [wplf_submission]
  • Mis ubicaciones (frontend): [wplf_my_locations items_per_page="8"]

 

generador de códigos cortos para búsqueda de ubicación

 

Según el tipo de vista que selecciones, se mostrará una vista previa que muestra cómo se verá en la interfaz. El shortcode generado aparecerá en la esquina inferior izquierda y podrás copiarlo e insertarlo en cualquier parte de tu página.

 

3. Categorías de ubicación

Para gestionar las categorías de ubicación, diríjase al  menú Buscador de ubicaciones > Categorías de ubicación.  Desde esta sección, podrá gestionar fácilmente sus categorías de ubicación: añádalas, edítelas o elimínelas según sea necesario.

 

agregar categorías de ubicación

 

4. Etiquetas de ubicación

Para gestionar las etiquetas de ubicación, diríjase al  menú Buscador de ubicaciones > Etiquetas de ubicación. Desde esta sección, podrá gestionar fácilmente sus etiquetas de ubicación: añádalas, edítelas o elimínelas según sea necesario.

 

agregar etiquetas de ubicación