¿Quiere saber cómo crear un recorrido virtual de 360 grados en WordPress con la ayuda deElementor?
La tecnología de Google Street View le permite caminar virtualmente por un área determinada sin estar físicamente allí. Por ejemplo, prácticamente puedes ver el entorno alrededor de la playa de Kuta en Bali mientras estás físicamente en tu apartamento en Londres.
Para algunos lugares, como el Louvre en París, Google Street View puede incluso cubrir un recorrido virtual interior.
Si tiene un sitio web basado en WordPress, puede crear fácilmente una función de recorrido de 360 grados en su sitio web sin necesidad de codificación.
Ofrecer un recorrido virtual de 360 grados es una gran idea para empresas como un zoológico, una atracción turística o un restaurante porque le permite a su visitantes para ver virtualmente el entorno alrededor de su ubicación.
Ver también: Cómo usar el widget de publicaciones de Elementor
Como se mencionó, puede agregar una función de recorrido de 360 grados en su sitio web de WordPress sin codificación. Puede lograr esto usando los siguientes complementos:
Cómo crear un recorrido virtual de 360 grados en WordPress usando complementos esenciales
Antes de comenzar, asegúrese de haber instalado Elementor y complementos esenciales. Usted puede descargar Elementor (puedes usar la versión gratuita) en el repositorio oficial de plugins de WordPress. Mientras que para los complementos esenciales, puede obtenerlo en su Sitio Oficial.
Descargar complementos esenciales Pro
Paso 1: Integración de complementos esenciales con Google Maps
Lo primero que debe hacer después de instalar Elementor y Essential Addons es integrar Essential Addons con Google Maps. Puede integrarlos utilizando una clave API de Google Maps.
Para crear una clave API de Google Map, primero visite Consola API de Google e inicie sesión con su cuenta de Google. Si aún no tiene un proyecto, cree un nuevo proyecto haciendo clic en la lista desplegable en la parte superior del panel principal de la Consola API de Google y haga clic en el botón NUEVO PROYECTO en la ventana que aparece.
Asigne un nombre a su nuevo proyecto y haga clic en el botón CREAR .
Una vez que se haya creado su nuevo proyecto, selecciónelo a través del menú desplegable en la parte superior y haga clic en Biblioteca en el panel izquierdo.
La API de Google Maps se divide en 17 tipos. Puede hacer clic en el enlace VER TODO en la sección Tarjetas para verlos todos.
Para poder usar complementos esenciales, debe habilitar las siguientes API:
- API de indicaciones
- API de geocodificación
- API de JavaScript de Maps
- API de Places
Para activar una API, seleccione la API en cuestión (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.
Una vez que haya obtenido la clave API, inicie sesión en su panel de WordPress y navegue a la página de Configuración de complementos esenciales haciendo clic en el menú Complementos Esenciales en la barra lateral izquierda.
ir a la pestaña Elements y desplácese hacia abajo en la sección Elementos de contenido dinámico. Haga clic en Fijar del artilugio Mapa avanzado de Google y pegue su clave API de Google. Haga clic en el botón GUARDAR CONFIGURACIÓN para aplicar el cambio.
Paso 2: empieza a crear el tour virtual de 360 grados
Crear una nueva página (Páginas – > Agregar) o un nuevo artículo (Artículos – > Agregar) y edítelo con Elementor. Antes de comenzar a crear la página, primero puede definir el diseño.
Descubre también: Cómo agregar elementos relacionados en Elementor
Para hacer esto, abra el panel Configuración haciendo clic en el ícono de ajustes en la esquina inferior izquierda. Establezca el diseño desde el menú desplegable Disposición.
Agregue una nueva sección haciendo clic en el ícono más en el cuadro de edición y agregue el mapa de Google EA en él.
Bajo la opcion Ajustes generales pestaña Contenido , cambie el tipo de mapa a Panorama.
Abierto Google Maps en una nueva pestaña y encuentra dónde quieres crear el recorrido virtual. Haga clic con el botón derecho en la ubicación del marcador y haga clic con el botón izquierdo ahora en el primer elemento del menú contextual que aparece. Esto le permite copiar la latitud (el primer valor) y la longitud (el segundo valor).
Volver a la pestaña Contenido y pegue la latitud y la longitud en los campos respectivos.
opción abierta Controles de mapa para habilitar/deshabilitar los controles de tarjeta que desea proporcionar. También puede establecer el nivel de zoom inicial.
Ir a la pestaña Estilo para definir el ancho y el alto de su tarjeta.
Haga clic en el botón PUBLICAR para publicar tu mapa.
NOTA: Si el mapa no se carga después de arrastrar el widget Mapas de Google de EA en el editor y ve un mensaje "Solo para fines de desarrollo", asegúrese de activar 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 crear un recorrido virtual de 360 grados en WordPress. 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.
...
