En el nuevo Hub, los elementos personalizados están en la sección Biblioteca de la cuenta (Account library) → Elementos personalizados (Custom Elements). Si eres propietario de varias cuentas, están en Centro de contenidos (Content Hub) → Elementos personalizados. Crea un elemento personalizado una sola vez y reutilízalo en todas tus guías desde un único lugar.
Índice:
Cómo funcionan los elementos personalizados
Un elemento personalizado inserta un servicio de terceros (un recorrido 3D, un formulario, una lista de reproducción y mucho más) dentro de un tema de tu guía.
Pasos básicos:
Abre Biblioteca de la cuenta → Elementos personalizados en la barra lateral izquierda (propietarios de varias cuentas: Centro de contenidos → Elementos personalizados).
Haz clic en Nuevo elemento personalizado (New Custom Element), elige el Servicio de terceros (Third Party Service), asígnale un Nombre del código del elemento (Element code name) y añade el enlace o el código de inserción necesario.
Insértalo en cualquier tema del contenido de tu guía (ver más abajo).
Guarda: el servicio insertado aparece en la vista del huésped.
Como los elementos personalizados están en la Biblioteca de la cuenta, los creas una sola vez y puedes insertar el mismo en temas de varias guías. Si actualizas el elemento personalizado en un solo lugar, se actualiza en todas partes donde se usa, excepto en una guía que tenga su propio enlace o código de inserción configurado en el Hub anterior.
Elementos personalizados compatibles
Actualmente puedes añadir 27 servicios como elementos personalizados. Si tenemos un artículo de ayuda para configurar un servicio, lo encontrarás enlazado abajo.
Recorridos 3D
Formularios y ventas adicionales
Less Annoying CRM Form
Reservas y transporte
Viator
Rutas de senderismo y ciclismo
Audio
Compartir eventos
Otros
Qué pegar para cada servicio
Después de elegir un Servicio de terceros, el cuadro para el enlace o el código lleva su nombre; por ejemplo, Spotify playlist link o Matterport embed code. Touch Stay revisa lo que pegas y lo rechaza si no coincide.
Para un código de inserción, pega el código completo que te da el servicio, no solo el enlace. Touch Stay lee la dirección del iframe incluido en el código, y esa dirección debe coincidir con el formato que se indica abajo.
Servicio | Qué pegar | Formato aceptado |
EyeSpy360 | Código de inserción | Contiene .vr-360-tour.com |
InsideMaps | Código de inserción | |
Matterport | Código de inserción o enlace del recorrido | |
Ricoh360 | Código de inserción | |
Vieweet | Código de inserción | |
Giraffe 360 | Enlace del recorrido | |
3D Vista | Enlace del recorrido | |
JotForm | Enlace | |
Google Form | Enlace para compartir | |
Microsoft Form | Enlace para compartir | |
Monday Form | Enlace | |
Zoho Form | Código de inserción | |
Less Annoying CRM Form | Enlace del formulario | |
Tiqet Widget | Código del widget | Contiene data-tiqets-widget |
Viator Widget | Código del widget | Contiene data-vi-widget-ref |
Welcome Pickups | Enlace para compartir | |
AllTrails | Código de inserción | |
Komoot | Código de inserción | |
Strava | Enlace de la ruta | |
Apple Playlist | Código de inserción | |
Spotify Playlist | Enlace de la lista de reproducción | |
Spotify Podcast/Audiobook | Enlace del episodio o del programa | |
Google Calendar | Código de inserción | |
Calendly | Enlace | |
OwnerRez Booking, Calendar and Search Widget | Enlace del widget |
Cómo insertar un formulario de Less Annoying CRM en tu guía
Copia el enlace de tu formulario. Empieza por https://forms.lessannoyingcrm.com/view/.
Abre Biblioteca de la cuenta → Elementos personalizados (propietarios de varias cuentas: Centro de contenidos → Elementos personalizados) y haz clic en Nuevo elemento personalizado.
En Servicio de terceros, selecciona Less Annoying CRM Form. El Nombre del código del elemento se rellena automáticamente, y puedes cambiarlo.
Pega el enlace de tu formulario en el cuadro Less Annoying CRM form link. La Altura estándar del elemento (Standard element height) ya viene rellenada, y puedes cambiarla.
Haz clic en Guardar (Save) y luego inserta el elemento personalizado en un tema (consulta Cómo insertar un elemento personalizado en tu guía).
Si el enlace no empieza por la dirección anterior, Touch Stay lo rechaza y te pide que uses el enlace directo «view» de tu formulario.
Cómo insertar un servicio que no está en la lista
Si un servicio no está en la lista, igualmente puedes insertarlo con un iframe. Pide al servicio su código de inserción y luego:
Abre el tema donde quieres que aparezca (consulta Cómo insertar un elemento personalizado en tu guía).
En la barra de herramientas del editor de contenido, haz clic en Source code (el último botón), pega el iframe donde lo quieras y confirma.
Haz clic en Guardar cambios (Save Changes).
Se conserva un iframe de cualquier dirección https. Touch Stay conserva los ajustes básicos, como la dirección, el ancho y la altura, pero elimina los ajustes allow, allowfullscreen y scrolling, por lo que las funciones que dependen de ellos, como el modo de pantalla completa, podrían no funcionar. Los scripts no se pueden ejecutar en un tema, así que una inserción que necesite un script no funcionará.
💡 ¿No encuentras el servicio que necesitas? Escribe a nuestro equipo a [email protected] para consultar si podría incluirse en una futura actualización. No todas las sugerencias se añadirán, pero haremos todo lo posible por atender tantas solicitudes como podamos.
Cómo insertar un elemento personalizado en tu guía
Abre la guía y ve a la pestaña Contenido de la guía (Guidebook Content).
Abre el tema donde quieres añadir el elemento personalizado (haz clic en el nombre del tema o en (⋯) → Editar (Edit)).
En la barra de herramientas del editor de contenido, haz clic en Elemento personalizado (Custom Element), elige el elemento en el menú desplegable y haz clic en Insertar (Insert). También puedes crear uno nuevo desde ahí.
Haz clic en Guardar cambios.
Revisa la Vista previa en directo de la guía (Guidebook live preview) a la derecha para verificar que el servicio insertado se muestra correctamente.
Puedes añadir el mismo elemento personalizado a temas de distintas guías: todas mostrarán el mismo servicio insertado, gestionado desde un único lugar. Si en el Hub anterior se configuró otro enlace o código de inserción para una guía, esa guía muestra el suyo.
Cómo gestionar tus elementos personalizados
Todos tus elementos personalizados se gestionan de forma centralizada en Biblioteca de la cuenta → Elementos personalizados (propietarios de varias cuentas: Centro de contenidos → Elementos personalizados).
Desde aquí puedes:
Crear (Create) un nuevo elemento personalizado
Editar un elemento personalizado existente, incluida su Altura estándar del elemento: los cambios se aplican en todas partes donde se usa, excepto en una guía con su propio enlace, código de inserción o altura configurados en el Hub anterior
Eliminar (Delete) un elemento personalizado: dejará de aparecer en todas las guías donde se insertó
¿Qué cambia respecto al Hub anterior?
Los elementos personalizados funcionan igual en ambos Hubs y ofrecen los mismos servicios. En ambos Hubs se insertan con el botón Elemento personalizado de la barra de herramientas del editor de temas. Las diferencias son:
Hub anterior | Nuevo Hub |
Se encuentra en Ajustes → Elementos personalizados (Settings → Custom Elements) | Se encuentra en Biblioteca de la cuenta → Elementos personalizados (propietarios de varias cuentas: Centro de contenidos → Elementos personalizados) |
Se puede configurar un enlace o código de inserción distinto para cada guía desde la tarjeta Elementos personalizados de la guía (Guide Custom Elements) de la página Detalles de la guía (Guide Details) (cuentas con más de una guía) | Todavía no hay una pantalla por guía: los valores ya configurados por guía en el Hub anterior se siguen aplicando, y para cambiarlos tienes que cambiar al Hub anterior (si eres propietario, administrador o administrador de equipo, al cambiar también se desactiva Guidebook 2.0) |
¿Usas el Hub anterior? Consulta Todo sobre los elementos personalizados (Hub anterior).
🤝 ¿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.