Del enlace sencillo al HTML

Crea una encuesta con IA e insértala en cualquier sitio web

No necesitas HTML para empezar. Crea y activa la encuesta y comparte su enlace. Para mostrarla dentro de tu web, sigue desde el método sencillo del constructor hasta las opciones técnicas.

1. Crea y activa la encuesta

Descríbela al asistente o créala manualmente. Revisa la propuesta en la vista completa, elige entrega y activa esa versión. Un borrador aún no tiene dirección pública estable.

Si basta un enlace, abre Ajustes públicos → Compartir y copia la URL. Úsala en correo, mensajes, menús o enlaces web sin saber HTML.

2. Usa un constructor web

En WordPress, Wix, Squarespace o similares, añade un bloque Insertar, HTML personalizado o Código. Copia el código de Compartir y pégalo.

  1. Guarda o publica.
  2. Abre en una ventana privada.
  3. Envía una respuesta de prueba.
  4. Repite en un teléfono.

3. Inserta con HTML

En una página escrita a mano copia el iframe generado. Sustituye la dirección solo por la URL exacta generada por Tambako Surveys.

<iframe src="URL_PÚBLICA" title="Encuesta de clientes" loading="lazy" width="100%" height="720" style="border:0"></iframe>

El título ayuda a lectores de pantalla, el ancho sigue al contenedor y la altura controla el área visible.

4. Haz el marco adaptable

Pon el iframe en un contenedor con anchura máxima y altura mínima. La encuesta se adapta, pero la web principal controla el marco.

.survey-frame { max-width: 960px; margin-inline: auto; }
.survey-frame iframe { width: 100%; min-height: 720px; border: 0; }

Prueba la altura real; con poco espacio suele ser mejor un enlace directo.

5. Usa enlace o botón cuando convenga

Compartir también ofrece enlace HTML y botón. Funcionan mejor en boletines, menús, barras estrechas y sistemas sin iframes. El QR público nunca da acceso al panel.

6. Prueba acceso, fechas y privacidad

  • Prueba la página pública.
  • Comprueba fechas y zona horaria.
  • Prueba el código en ventana privada.
  • Revisa teclado, claro/oscuro, móvil y envío.
  • Nunca insertes enlaces del panel o activación.

El HTML autónomo se abre sin conexión, pero enviar en línea requiere receptor y encuesta activa. Para webs suele convenir la versión alojada.

7. Resuelve restricciones comunes

  • Marco vacío: comprueba alojamiento y URL.
  • Bloqueado: revisa Content Security Policy e iframes.
  • Aviso: usa HTTPS en ambas páginas.
  • Dos barras: aumenta altura o usa enlace.
  • Contenido antiguo: revisa la versión activada.

Puedes pedir una explicación al asistente; no modificará la encuesta.

Crea primero la encuesta.

La URL y los códigos verificados aparecen tras activar y alojar.

Abrir el editor