Necesito descubrir cómo agregar Google ¿Mapas a WordPress con JetElements?
Hay un montón de complementos que puedes usar para agregar Google Mapas a tu sitio web WordPress. JetElements es uno. JetElements es un complemento Elementor premium desarrollado por Crocoblock. Agrega varios widgets adicionales a su Elementor, incluido el mapa avanzado que puede utilizar para agregar fácilmente Google Mapas a su sitio de WordPress.
Puede seleccionar 10 estilos de mapa. También puede agregar varios pines.
En este artículo, le mostraremos cómo usar el widget. Mapa avanzado para agregar Google Maps a su sitio web WordPress.
Antes de comenzar, asegúrese de haber instalado Elementor y JetEements en tu WordPress. Puedes utilizar la versión gratuita deElementor para utilizar JetElements. Mientras que para JetElements, debes adquirirlo en su sitio web oficial por $19.
Paso 1: obtenga la clave API de Google Maps
Antes de poder agregar Google Maps a tu Sitio web Al utilizar JetElements, debe obtener una clave API para integrar JetElements con Google Maps. Puede obtener la API a través de la consola API de Google. Entonces, visita Consola API de Google e inicie sesión con su cuenta de Google.
Una vez que haya iniciado sesión, cree un nuevo proyecto haciendo clic en el menú desplegable en la parte superior y haga clic en NUEVO PROYECTO.
Dale un nombre a tu proyecto y haz clic en el botón CREAR.
Seleccione su nuevo proyecto del menú desplegable y haga clic en Biblioteca en el panel izquierdo.
JetElements no proporciona información detallada sobre las API que necesita habilitar para que el widget funcione. Mapa avanzado. Según nuestra experiencia, al menos debería habilitar las siguientes API:
- API de geocodificación
- API de JavaScript de Maps
Google mismo divide la API de Google Maps en 17 tipos. Puedes verlos haciendo clic VER TODO en la sección Tarjetas.
Para activar una API, seleccione la API que desea activar (haciendo clic en ella) y haga clic en el botón ACTIVAR.
Una vez que haya completado la habilitación de las API requeridas, regrese al panel principal de la Consola API de Google y haga clic en identificadores en el panel izquierdo. Haga clic en el botón Crear credenciales y seleccione Clave API. Copie la clave API en la ventana emergente que aparece.
A continuación, inicie sesión en su panel de WordPress y vaya al menú JetPlugins – > JetElements Ajustes.
Abre la pestaña integraciones y pegue la clave API que acaba de copiar en el campo Clave API de mapas de Google.
Empezar a añadir el mapa
Una vez que JetElements y Google Maps estén integrados, puede comenzar a agregar el mapa. Para hacer esto, abra la página donde desea agregar el mapa en Elementor. En el editor de Elementor, arrastre el widget Mapa avanzado al área de edición.
Puede ir al panel izquierdo para manipular algunas configuraciones en su mapa. Puede realizar los ajustes desde la sección Configuración del mapa.
Para cambiar el estilo del mapa, puede abrir la sección Estilo de mapa.
Añade tu ubicación al mapa
De forma predeterminada, la dirección del PIN se establece en London Eye, Londres, Reino Unido. Puede editarlo para agregar la ubicación de su empresa.
Para hacer esto, abra la sección Pins y haga clic en la dirección pin existente. Pegue su dirección comercial en el campo Dirección de PIN y modificar la descripción en el campo Pin Descripción.
Para que la dirección del PIN que acaba de configurar sea visible en el mapa, debe configurar el centro del mapa. Por ejemplo, si la ubicación de su negocio está en París, establecería el centro del mapa en París.
Para definir el centro del mapa, abra la sección Configuración del mapa vuelva a escribir su centro de mapa preferido (nombre de la ciudad).
Nota: Si ve el mensaje "Solo para fines de desarrollo" al agregar una tarjeta, asegúrese de habilitar su facturación de Google Cloud. La nueva política de Google requiere que los desarrolladores activen la cuenta de facturación (todavía puede usar la API de Google Maps de forma gratuita).
¡Consigue Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo agregar Google Maps a WordPress con JetElements. Si tiene alguna inquietud sobre cómo llegar, hágaselo saber en el comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
