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 uses 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, dirígete a la consola de Google Cloud , selecciona un proyecto o crea uno nuevo. Luego, haz clic en "+ Crear credenciales" y selecciona "Clave 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 API obligatorios. En Google Console, 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 haya iniciado sesión correctamente, busque la "Tokens de acceso" en la configuración de usuario o en el menú de su cuenta y selecciónela. En el área "Tokens de acceso", localice y seleccione la "Crear token de acceso" para iniciar el proceso de generación. Todos los campos de creación de tokens estarán visibles directamente en la página "Tokens de acceso". Para crear su token:

  • Ingrese un nombre descriptivo en el "Etiqueta" para ayudarlo 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)
  • Haga clic en el "Crear" para generar su 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

Vaya a Menú > Localizador de ubicaciones > Ajustes > Ajustes principales para configurar sus preferencias de proveedor de mapas. Encontrará dos opciones 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: Si no sabe cómo crear una nueva clave API, vuelva al paso 1.1.
  • ID de mapa: Un ID de mapa es un identificador único que representa los ajustes de estilo y configuración de Google Maps almacenados en Google Cloud.
    Es obligatorio tenerlo; puedes conservar el predeterminado (DEMO_MAP_ID) si no lo necesitas.
  • 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á ingresar 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 en la Configuración .

 

configuración de visualización del mapa

     

    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

    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.

     

    3. Configuración de IA

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

     

    obtener crédito de inteligencia artificial

     

    Después de adquirir créditos, regrese 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" "Optimización de IA" en la parte superior de la página y, a continuación, seleccione el "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 empezar a importar tus ubicaciones, ve al menú "Buscador de ubicaciones" > Configuración > Importar . Selecciona tu CSV o KML en el campo correspondiente según el formato de tus datos.

     

    ubicaciones de importación

     

    ¿Necesita una plantilla? Simplemente haga clic en el "Descargar archivo CSV de muestra" para obtener nuestro archivo de muestra y ver el formato correcto. También puede marcar la "Actualizar ubicaciones existentes si coinciden o agregar nuevas ubicaciones inexistentes" si desea actualizar sus datos actuales al agregar nuevas entradas.

    Ubicaciones de exportación

    Cuando esté listo para exportar sus ubicaciones existentes, vaya a la Exportar . Desde allí, 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 CSV, vaya a Configuración y luego a Importar/Exportar > Sincronización para seleccionar su archivo CSV en la Biblioteca multimedia. Active la "Habilitar 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, navegue 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 complemento para 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, debe iniciar sesión en su cuenta de JoomUnited. Si aún no lo ha hecho, simplemente haga clic en el enlace "Conectar su cuenta de JoomUnited para actualizar" o "Iniciar sesión en JoomUnited"

     

    Actualización del buscador de ubicaciones de wp

     

    Introduce el nombre de usuario y la contraseña de tu cuenta de JoomUnited. Tras iniciar sesión correctamente, aparecerá el enlace "Actualizar ahora",

     

    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 " Añadir 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 atención a los clientes, primero debes activarla en la configuración. Una vez hecho esto, podrás ver la "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 su ubicación en el frontend, simplemente vaya a la sección Publicar Vista previa" .

     

    vista previa de la ubicación

     

    2. Generador de códigos cortos

    Para generar un código corto de mapa, ve al menú "Buscador de ubicaciones" > "Generador de códigos cortos". Puedes configurar las siguientes opciones 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 (interfaz): [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 administrar las categorías de ubicación, vaya a Menú Buscador de Ubicaciones > Categorías de Ubicación.  Desde esta sección, puede administrar fácilmente sus categorías de ubicación: agréguelas, edítelas o elimínelas según sea necesario.

     

    agregar categorías de ubicación

     

    4. Etiquetas de ubicación

    Para administrar las etiquetas de ubicación, ve al Menú Buscador de Ubicaciones > Etiquetas de Ubicación. Desde esta sección, puedes administrar fácilmente tus etiquetas de ubicación: ¡agrega, edita o elimina según lo necesites!

     

    agregar etiquetas de ubicación