Ir al contenido principal

Cómo insertar AllTrails en tu guía

Añade un mapa de AllTrails a cualquier sección de tu guía de Touch Stay para que a tus huéspedes les resulte divertido explorar los alrededores de tu propiedad, se ilusionen y planifiquen mucho antes de llegar.

Índice:

Vídeo: cómo añadir una ruta a pie de AllTrails a tu guía de Touch Stay

Cómo añadir una ruta a pie de AllTrails a tu guía de Touch Stay

Paso 1: Obtén el código de inserción de AllTrails

  1. Abre la ruta en AllTrails y haz clic en Share (compartir).

  2. Selecciona Embed (insertar).

  3. Copia el código del iframe. Se verá más o menos así:

<iframe class="alltrails" src="https://www.alltrails.com/widget/trail/costa-rica/puntarenas--2/playa-biesanz-playa-tulemar" width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="AllTrails: Trail Guides and Maps for Hiking, Camping, and Running"></iframe>

Paso 2: Crea un elemento personalizado en Touch Stay

  1. Abre Elementos personalizados (Custom Elements):

    • Nuevo Hub: Biblioteca de la cuenta (Account library) → Elementos personalizados en la barra lateral izquierda (propietarios de varias cuentas: Centro de contenidos (Content Hub) → Elementos personalizados)

    • Hub anterior: Ajustes (Settings) → Elementos personalizados

  2. Haz clic en Nuevo elemento personalizado (New Custom Element).

  3. Completa los siguientes campos:

    • Servicio de terceros (Third Party Service): AllTrails

    • Nombre del código del elemento (Element code name): ponle al elemento un nombre corto y descriptivo para reconocerlo fácilmente más adelante (p. ej., ManuelAntonioTrail o WaterfallWalk). Solo se permiten letras, números, guiones bajos (_) y guiones (-), sin espacios ni caracteres especiales.

    • AllTrails embed code (código de inserción de AllTrails): pega el código del iframe que has copiado de AllTrails.

  4. Haz clic en Guardar (Save).

Paso 3: Añade la ruta a tu guía

  1. Abre el tema en el que quieres mostrar la ruta (nuevo Hub: abre la guía y ve a la pestaña Contenido de la guía (Guidebook Content); Hub anterior: Centro de contenidos).

  2. Haz clic en Elemento personalizado (Custom Element) en la barra de herramientas del editor.

  3. Selecciona el elemento de AllTrails que has creado y haz clic en Insertar (Insert).

  4. Guarda el tema (nuevo Hub: Guardar cambios (Save Changes); Hub anterior: Guardar).

Así se coloca el código de tu elemento personalizado en el contenido del tema y, cuando veas la vista previa de la guía, se sustituirá por el mapa de AllTrails que has elegido.


Solución de problemas: preguntas frecuentes

Mi código de inserción no se acepta al crear mi elemento personalizado, ¿qué hago?

Si no se acepta tu código de inserción, lo más probable es que no sea el correcto. Touch Stay necesita el código iframe completo de la opción Share → Embed (compartir → insertar) de AllTrails, que apunte a https://www.alltrails.com/. Si sigue sin funcionar, o no lo encuentras en tu cuenta de AllTrails, contacta con el equipo de soporte y envíanos una captura de pantalla de las opciones para compartir de AllTrails que tienes disponibles.

Mi mapa de AllTrails no se muestra completo o deja mucho espacio debajo, ¿qué hago?

La ruta de AllTrails se añade a tu guía mediante un iframe. Según el tamaño de la ruta, te conviene ajustar su altura para que se vea mejor en tu guía. Para hacerlo:

  1. Abre Elementos personalizados (nuevo Hub: Biblioteca de la cuenta → Elementos personalizados; Hub anterior: Ajustes → Elementos personalizados).

  2. Haz clic en ⋮ (los tres puntos) junto a tu elemento personalizado de AllTrails y selecciona Ver o editar (View/Edit).

  3. Ajusta la Altura estándar del elemento (Standard element height) según haga falta y haz clic en Guardar.

Consejo: mantén abierta la vista previa de tu guía en otra pestaña. Actualízala después de cada ajuste de altura hasta que la ruta se vea como quieres.

¿Puedo tener una versión distinta del mapa de AllTrails para cada una de mis guías?

En el Hub anterior, puedes sustituir el elemento personalizado por defecto a nivel de guía. Es útil si cada propiedad tiene su propia ruta.

  1. Ve a Guías (Guides) y abre la guía que quieras actualizar.

  2. Desplázate hasta el final de la página de detalles de la guía.

  3. En la tarjeta Elementos personalizados de la guía (Guide Custom Elements), haz clic en Editar (Edit).

  4. En la ventana Editar los elementos personalizados (solo esta guía) (Edit Custom Elements (this guide only)), pega el código de inserción de esta guía.

  5. Ajusta la altura si hace falta y después haz clic en Guardar.

Notas:

  • Esto solo cambia el elemento personalizado de la guía seleccionada. El elemento personalizado original no cambia en las demás guías.

  • La tarjeta solo aparece si tu cuenta tiene más de una guía y al menos un elemento personalizado.

  • El nuevo Hub todavía no tiene una pantalla por guía, así que en él no puedes ver ni editar los valores de cada guía. Los valores que ya hayas configurado por guía en el Hub anterior se siguen aplicando a esa guía. Para cambiarlos, vuelve al Hub anterior (consulta Cómo cambiar entre el nuevo Hub y el Hub anterior). Ten en cuenta que, si eres propietario, administrador o administrador del equipo, al cambiar al Hub anterior también se desactiva Guidebook 2.0.


🤝 ¿Necesitas ayuda?

Nuestro asistente de IA, Fin, está disponible 24/7 y suele responder en menos de 10 segundos. Si Fin no puede resolver tu problema, nuestro equipo de soporte se hará cargo de tu caso a partir de ahí.

También puedes escribir a nuestro equipo a [email protected] y estaremos encantados de ayudarte.

¿Ha quedado contestada tu pregunta?