Cómo Incrustar Mapas de Stippl en tu Sitio Web

Si eres un entusiasta de los viajes o creador de contenido, incrustar mapas interactivos de Stippl en tu sitio web puede mejorar la participación de los usuarios y mostrar tus itinerarios de viaje de forma visualmente atractiva. Aquí te presentamos una guía paso a paso sobre cómo incrustar mapas de Stippl en tu sitio web. Este proceso requiere que tengas una cuenta de Creador en Stippl.

Paso 1: Registrarse como Creador en Stippl

Para comenzar, necesitas convertirte en Creador en Stippl. Sigue estos pasos:

1. Ve a stippl.io/creators.
2. Regístrate para una cuenta de Creador siguiendo el proceso de registro.
3. Una vez que hayas enviado tu información, espera a que tu cuenta sea aprobada. Esto puede tomar un tiempo, ya que Stippl revisa las cuentas de creadores manualmente.
4. Después de que tu cuenta sea aprobada, tendrás acceso a funciones que te permiten crear e incrustar mapas.

Paso 2: Acceder al Código de Incrustación de tu Mapa

Una vez que hayas creado tu itinerario de viaje en Stippl, sigue estas instrucciones para obtener el código de incrustación:

1. Inicia sesión en tu cuenta de Creador en la plataforma web de Stippl.
2. Abre el viaje específico que deseas incrustar.
3. En la esquina superior derecha de tu viaje, encontrarás una opción para "Embed Map" (Incrustar Mapa) (como se muestra en las capturas de pantalla proporcionadas). Haz clic en esta opción.

Se abrirá una nueva ventana con una vista previa del mapa. Esto te permite ver cómo aparecerá el mapa incrustado.

Debajo de la vista previa, verás un código de incrustación que puedes copiar. El código se verá similar a esto:

Paso 3: Incrustar el Mapa en tu Sitio Web WordPress

Aquí hay dos formas de incrustar el mapa en tu sitio de WordPress, con capturas de pantalla para guiarte.

Método 1: Incrustar en una Entrada o Página de WordPress

1. Inicia sesión en tu Panel de WordPress.
2. Ve a Entradas o Páginas y selecciona una entrada/página existente o crea una nueva.
3. Inserta un Bloque HTML Personalizado en el Editor Gutenberg: En el Editor Gutenberg (Block), haz clic en el icono "+" para añadir un bloque. Busca HTML Personalizado y selecciónalo.
4. Pega el Código de Incrustación en el bloque HTML Personalizado
5. Vista Previa y Publicar: Haz clic en Vista Previa para asegurarte de que se muestra correctamente. Luego haz clic en Publicar o Actualizar.

¡Y listo! 🥳

Incrustar tu mapa de Stippl en WordPress mejora tu blog de viajes o sitio al compartir visualmente itinerarios detallados. Siguiendo estos pasos, junto con las capturas de pantalla, te ayudará a añadir estos mapas sin esfuerzo. ¡Disfruta mostrando tus aventuras de viaje!