Ir al contenido principal

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

Añade un formulario de Zoho a cualquier sección de tu guía de Touch Stay para recopilar información, ofrecer servicios y hacer ventas adicionales.

Índice:

Vídeo: cómo añadir un formulario de Zoho a tu guía de Touch Stay

Paso a paso: cómo añadir un formulario de Zoho 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 (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

Nuevo elemento personalizado

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

Después, copia el código de inserción de tu formulario de Zoho. 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 cuadro Zoho embed code (código de inserción de Zoho) de Touch Stay y haz clic en Guardar (Save).

Cuadro del código de inserción de Zoho

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

Insertar un elemento personalizado
Elemento personalizado en el tema

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 formulario que has elegido.

Preguntas frecuentes sobre solución de problemas

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 de inserción estándar con iframe de tu formulario, que apunte a la dirección de los formularios públicos de Zoho. Si sigue sin funcionar, o no lo encuentras en tu cuenta de Zoho Form, contacta con el equipo de soporte y envíanos una captura de pantalla de las opciones para compartir de Zoho Form que tienes disponibles.

Mi formulario no se muestra completo o deja mucho espacio vacío debajo, ¿qué hago?

El formulario de Zoho 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 hacia el formulario de Zoho. Sin embargo, la ventana no puede detectar el tamaño del formulario de Zoho de origen, así que te conviene ajustar su altura para que encaje mejor con tu formulario. Abre Elementos personalizados (consulta la ruta anterior), usa el menú de 3 puntos que hay junto al elemento y selecciona Ver o editar (View/Edit); después, ajusta la Altura estándar del elemento (Standard element height). Te puede resultar útil tener la vista previa de la guía abierta en otra pestaña para actualizarla después de cambiar la altura, por si hace falta 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í. Puede ser útil si tienes un formulario con parámetros para rellenar 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), situada al final de la página de detalles de la guía, 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 de esta guía y ajusta la altura del elemento según haga falta. 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 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?