Cómo incorporar un mapa de Google con los remitentes de formulario de WordPress

¿Desea incorporar un mapa de Google para enumerar ubicaciones de negocios, presentar directores en línea o para mostrar miembros del club? Aprenda a mapear múltiples ubicaciones y mostrar referencias de formularios como indicadores en un mapa de Google.

Cómo mapear múltiples ubicaciones y mostrar referencias de formularios como indicadores en un mapa de Google incorporado es un tema que aparece regularmente en nuestra oficina de asistencia. El uso de mapas interactivos es una parte esencial de los sitios web de agentes inmobiliarios, sitios publicitarios clasificados y muchas otras aplicaciones. Estos mapas de Google incorporados pueden ayudar a crear sitios web realmente interesantes y son fáciles de configurar.
Elija un complemento para los mapas de WordPress la primera vez que incorporé un mapa de Google para enumerar las referencias de formularios, estaba construyendo el sitio web de cafés suspendido. Hoy les mostraré cómo construir un sistema de directorio similar. Los principios básicos se pueden aplicar a muchos tipos diferentes de negocios y organizaciones.
Formidable Forms es el mejor complemento de constructor de formulario de WordPress. ¡Tómelo gratis!
En este tutorial usaré un mapas de WordPress llamados mapas de CodeSpacing. A menudo no recomiendo complementos pagados de terceros, pero es uno que uso personalmente y realmente me gusta.
También utilizo un complemento gratuito para publicaciones personalizadas llamadas UI de tipo POST Custom. Recomendaría instalar ambos complementos antes de seguir este tutorial. 6 pasos para incorporar un mapa de Google con pinos de los formularios de envío Paso 1 – Configure una publicación personalizada para los indicadores en el mapa

El complemento de mapas de progreso extrae datos de publicaciones para mostrarlos en un mapa. Debido a que los principales tipos de publicaciones son utilizados por diferentes características del tema, a menudo es mejor crear un tipo de publicación personalizado completamente nuevo. Utilizo la interfaz de usuario de publicación personalizada del complemento para agregar un tipo de publicación llamada “Pins de mapa”. Si tiene habilidades de codificación, puede agregar un tipo de publicación sin un complemento adicional. Pero esta es la ruta fácil! Paso 2: cree su formulario con datos de dirección, cree un nuevo formulario para agregar pinos al mapa de Google. Incluya todos los campos de formulario necesarios para crear una hermosa lista de negocios. Hemos incluido un campo para cargar imágenes, campos para números de teléfono, horario de trabajo y enlaces a cuentas de redes sociales. También incluimos un campo de texto de párrafo, para que el propietario del negocio pueda describir su ubicación. Lo más importante es que incluya campos de dirección que se utilizarán para colocar un indicador en el mapa. Finalmente, agrego recaptcha invisible para proteger mi forma.
** Consejo profesional ** Utilice campos separados para el país, el estado, la ciudad, la ciudad, etc. en lugar del campo de dirección predefinido. Esto le brinda mejores opciones de filtro si agrega un formulario para buscar la lista en el futuro. Use cálculos de texto para combinarlos en un solo campo para usar mapas de progreso. Paso 3: configure el formulario para crear publicaciones con campos personalizados
En las acciones del formulario, agregue una acción para crear una nueva publicación. En el menú de tipo desplegable, seleccione la publicación de tipo de pines de mapa que creó anteriormente. Estas publicaciones de WordPress enviadas por el usuario presentarán cada nueva ubicación enviada al formulario. Seleccione el campo para el título de publicación y establezca el campo para publicar en “Creación de bocetos”. Establezca las otras opciones como mejor se adapte a su forma personal, prefiero crear una vista para mostrar los datos en el formulario. Esto permite que los arreglos y los estilos personalizados se ajusten mejor al resto del sitio. También establecí 2 campos personalizados en mi forma. Transmiten los datos de la dirección del complemento del mapa y establecen la imagen presentada para la publicación:

Codespacing_progress_map_address se une a un campo oculto en mi forma, donde los cálculos de texto se utilizan para combinar campos de dirección individuales en uno.
_Thumbnail_id se une en mi campo de carga de archivo y establece la imagen presentada para esta publicación.

Paso 4: configure la moderación posterior incluso con la protección contra el spam de honeypo de formidable y recaptcha activado, se recomienda moderar el contenido. La acción en el formulario establece el estado de publicación en el boceto, por lo que ahora necesitamos un método para aprobar los proyectos enviados.
El método más simple es configurar una notificación de correo electrónico para solicitar moderación. Este correo electrónico debe informar al administrador del sitio cuando se haya enviado un nuevo indicador de mapa. Los administradores pueden verificar el envío y publicar la publicación, o pueden arrojarlo a la basura, según sea el caso.
Paso 5: incorpore un mapa de Google y establezca la fuente en el complemento de mapa de progreso, cree un nuevo mapa de Google y use el código corto proporcionado para agregar el mapa en una página. Luego establezca las opciones para el mapa. En la configuración de los mapas de progreso, seleccione la publicación “Mapa de las espinas” como fuente de datos. En la “Configuración de mapa predeterminada”, agregue su tecla API de Google Maps. Se incluye un enlace al registro en la configuración si aún no tiene una cuenta. Google ha cambiado recientemente sus políticas y tuvo que registrarse para una cuenta de facturación para obtener una nueva clave API. Pero la asignación gratuita significa que el 99% de los sitios nunca tendrán impuestos. Hay muchas otras opciones para el estilo y el aspecto, así que date tiempo para explorarlas. Establezca un estilo que mejor se adapte a su sitio único. Paso 6: envíe PINI para mapear más ubicaciones ahora es el momento de enviar una ubicación de prueba para ver si su trabajo ha valido la pena. Tenga en cuenta que el envío de sus formularios no agregará inmediatamente un indicador en su mapa de Google. Primero, el administrador del sitio recibirá un correo electrónico y la publicación deberá ser aprobada.
Cuando reciba correos electrónicos de solicitud de moderación, vaya a la página de edición de publicaciones y desplácese hasta que vea el mapa en la parte inferior.

Haga clic en el botón “Buscar” junto a la dirección enviada para hacerse cargo de los datos correctos en la ubicación en el mapa.

Una vez que se encuentra la dirección, haga clic en “Obtenga un punto preciso”, y las coordenadas de latitud y longitud aparecerán en los campos debajo del mapa.
Regrese y haga clic en el botón “Publicar” para hacer este nuevo indicador de mapa público visible.
Paso de bonificación: permite a los usuarios actualizar su indicador de mapa cambia los datos de contacto, el horario de trabajo cambia, incluso las compañías ocasionalmente mueven ubicaciones. Por lo tanto, es esencial incluir una forma en que los usuarios actualicen sus propios datos. La gestión de datos también es un componente esencial de la conformidad de GDPR. La educación frontal facilita la gestión de sus propios datos y la asignación de más ubicaciones para los usuarios. Lea más: ¿La gestión de contenido fácil para sus clientes tiene que mostrar la ubicación de su empresa en una página de contacto? Incorporar un mapa directamente en su formulario de contacto significa que puede colocar su mapa donde quiera, sin dolor de cabeza. Obtenga más información con este tutorial sobre cómo agregar un mapa de Google a los formularios de WordPress. Si aún no usa Formidable Pro, eche un vistazo a todas las funciones Pro y consulte los planes del fabricante de formulación para elegir el paquete perfecto para sus necesidades. ¡Cree algo bueno hoy!