Ir al contenido principal

Cómo insertar un formulario de Zoho Forms en tu guía

Inserta un formulario de Zoho Forms en cualquier sección de tu guía de Touch Stay para recopilar datos, ofrecer servicios y hacer ventas adicionales.

Índice:

Video: Cómo añadir un formulario de Zoho Forms a tu guía de Touch Stay

Paso a paso: Cómo añadir un formulario de Zoho Forms a tu guía de Touch Stay

Abre Elementos personalizados (Custom Elements) y haz clic en Nuevo elemento personalizado (New Custom Element):

  • Nuevo Hub: Biblioteca de la cuenta → Elementos personalizados (Account library → Custom Elements) en la barra lateral izquierda. Si eres propietario de varias cuentas: Centro de contenidos → Elementos personalizados (Content Hub → Custom Elements)

  • Hub anterior: Ajustes → Elementos personalizados (Settings → Custom Elements)

Nuevo elemento personalizado

Selecciona Zoho Form como Servicio de terceros (Third Party Service). Se generará un Nombre del código del elemento (Element code name). Este es el código que insertarás en tu guía donde quieras que aparezca el formulario de Zoho Forms. Puedes cambiar el nombre como quieras para identificar más fácilmente cada elemento personalizado que añadas. Solo se pueden usar letras, números, guiones bajos o guiones: no se admiten caracteres especiales ni espacios.

A continuación, copia el código de inserción de tu formulario de Zoho Forms. Lo encontrarás en tu cuenta de Zoho, en las opciones para compartir del formulario. Copia el código de inserción, pégalo en el campo Zoho embed code (código de inserción de Zoho) de Touch Stay y haz clic en Guardar (Save).

Campo del código de inserción de Zoho

Para insertar el formulario de Zoho Forms en tu guía, abre el tema al que quieres añadirlo. En el nuevo Hub, abre la guía y ve a la pestaña Contenido de la guía (Guidebook Content). En el Hub anterior, ve a Centro de contenidos. Coloca el cursor donde quieres que aparezca el formulario. Haz clic en Elemento personalizado (Custom Element) en la barra de herramientas del editor, elige el nombre del código del elemento correspondiente en el menú desplegable y haz clic en Insertar (Insert). Después, guarda el tema: en el nuevo Hub, con Guardar cambios (Save Changes); en el Hub anterior, con Guardar.

Insertar elemento personalizado
Elemento personalizado en el tema

Así, el código de tu elemento personalizado se colocará en el contenido del tema y, cuando veas la vista previa de la guía, se sustituirá por el formulario que elegiste.

Solución de problemas: preguntas frecuentes

Mi código de inserción no se acepta al crear el elemento personalizado. ¿Qué hago?

Si no se acepta tu código de inserción, lo más probable es que no sea el código correcto. Touch Stay necesita el código de inserción iframe estándar de tu formulario, que apunta a la dirección pública de formularios de Zoho. Si aun así no funciona, o no lo encuentras en tu cuenta de Zoho Forms, comunícate con el equipo de soporte y envíanos una captura de pantalla de las opciones para compartir de Zoho Forms que tienes disponibles.

Mi formulario no se ve completo o tiene mucho espacio vacío debajo. ¿Qué hago?

El formulario de Zoho Forms se añade a tu guía mediante lo que en desarrollo web se conoce como iframe. Esta técnica crea en tu guía una ventana que muestra el formulario de Zoho Forms. Sin embargo, la ventana no puede detectar el tamaño del formulario de origen, así que quizá quieras ajustar la altura de la ventana para que se adapte mejor a tu formulario. Abre Elementos personalizados (consulta la ruta más arriba), usa el menú de 3 puntos junto al elemento y selecciona Ver o editar (View/Edit). Luego ajusta la Altura estándar del elemento (Standard element height). Puede resultarte útil tener la vista previa de tu guía abierta en otra pestaña para actualizar la página después de cambiar la altura, por si necesitas ajustarla más.

Editar la altura

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

En el Hub anterior, sí. Esto puede ser útil si tienes un formulario con parámetros que completan previamente valores como el nombre o el ID de tu propiedad. Ve a Guías (Guides) y haz clic en el nombre de la guía. Desplázate hasta la tarjeta Elementos personalizados de la guía (Guide Custom Elements), al final de la página Detalles de la guía (Guide details), y haz clic en Editar (Edit). En la ventana Editar los elementos personalizados (solo esta guía) (Edit Custom Elements (this guide only)), pega el código de inserción para esta guía y ajusta la altura del elemento según sea necesario. Esta tarjeta solo aparece si tienes 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 allí no puedes ver ni editar los valores de cada guía. Los valores que ya hayas definido 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?