SurveyMonkey

Cómo insertar tu encuesta o formulario en un sitio web

Usa un recopilador para sitios web para insertar una encuesta o un botón que abra una encuesta en tu sitio, o bien para mostrar una ventana emergente con la encuesta o una invitación. Para agregar uno, solo necesitas conocimientos básicos de HTML y acceso al código fuente de tu sitio web. Te daremos un código de inserción que puedes copiar y pegar.

Si lo deseas, puedes insertar una encuesta en varias páginas de tu sitio.

TipoDescripción
Encuesta insertadaInserta tu encuesta en cualquier página de tu sitio para que las personas puedan responder directamente desde allí.
Botón insertado Inserta un botón en tu sitio web que inicie tu encuesta al presionarlo.
El botón seguirá visible en tu sitio para los usuarios incluso después de que hayan respondido la encuesta.
Invitación emergenteMuestra una invitación en una ventana emergente que envíe a las personas a tu encuesta. La encuesta se abrirá en una nueva pestaña.
Encuesta emergenteAbre tu encuesta en una ventana emergente cuando las personas visiten una página, sin necesidad de insertar la encuesta en el diseño de la página.

Las invitaciones emergentes y las encuestas emergentes se muestran en ventanas modales que flotan sobre tu página web. Las ventanas modales no requieren que los visitantes de tu sitio carguen una nueva página y no se ven afectadas por los bloqueadores de ventanas emergentes.

Usamos cookies para evitar que las ventanas emergentes o encuestas incrustadas se vuelvan a mostrar si alguien ya respondió, rechazó o cerró la encuesta. Si alguien borra sus cookies, visita tu sitio usando un navegador que bloquea o desactiva cookies, o el sitio web se abre en una nueva sesión del navegador, el recopilador no podrá recordar si esa persona ya respondió o rechazó la encuesta, por lo que la encuesta emergente volverá a mostrarse y permitirá respuestas adicionales.

Cuando cierras la encuesta, esta sigue mostrándose en tu sitio web, a menos que elimines el código de inserción.

Para crear un recopilador de sitio web:

  1. Ve a la sección Recopila respuestas de la encuesta.
  2. Elige Insertar en un sitio. Si ya tienes un recopilador para tu encuesta, selecciona Recopilador de sitio web.
  3. Elige un tipo de recopilador de sitio web:
  4. Desplázate hacia abajo para editar los ajustes de estilo y comportamiento, y ajusta las opciones del recopilador. Ve la vista previa para saber cómo se verá tu encuesta en tu sitio web.
  5. Haz clic en Copiar código para copiar y pegar el código de inserción en una página de tu sitio.
    • Al insertar una encuesta o botón, pega el script en el código HTML, en el lugar donde quieras que se muestre la encuesta en tu página.
    • Al mostrar una invitación emergente o encuesta emergente, pega la secuencia de comandos en tu código HTML inmediatamente antes de la etiqueta de cierre </body>.

El código solo debe agregarse una vez. No es necesario que actualices el código de inserción si haces cambios a tu encuesta o recopilador; tus actualizaciones se mostrarán tan pronto como actualices la página.

La vista previa de la encuesta en vivo se actualiza a medida que personalizas los ajustes de estilo y comportamiento para tu encuesta.

Los ajustes varían según el tipo de sitio web.

AjusteDescripción
Ancho y alturaEspecifica cuántos píxeles de ancho o alto tendrá tu encuesta.
Cuando uses la encuesta insertada, activa el botón Tamaño personalizado para acceder a estos controles. Si dejas la opción desactivada, tu encuesta coincidirá con el ancho del elemento HTML que contiene tu encuesta o formulario.

Marca de SurveyMonkey
Es posible que veas un botón o una casilla de verificación que controla si se muestra el mensaje “con la tecnología de SurveyMonkey” en el borde inferior de tu encuesta.  

Si lo eliminas, puede que también quieras eliminar la marca de SurveyMonkey de la encuesta.
Borde o pie de página

Edita el color del borde de la ventana o el pie de página para que tu invitación o encuesta se destaque.
Encabezado de invitación o encuestaAtrae a los visitantes con un encabezado que no tenga más de 2 líneas. Puedes editar el texto, pero no la fuente, el tamaño ni el color.
Mensaje de invitaciónExplica la meta de la encuesta en 1 y hasta 3 oraciones. Puedes editar el texto, pero no la fuente, el tamaño ni el color.
Botón primarioEste botón de invitación emergente abre tu encuesta. Puedes editar el texto del botón, el color del botón y el color del texto del botón.
Botón secundarioEste botón de invitación emergente cierra la ventana de la invitación. Puedes editar el texto del botón, el color del botón y el color del texto del botón.
Tasa de muestra:Elige el porcentaje de visitantes que verán tu invitación o encuesta emergente.
Insertar botón El botón insertado en tu página que abre la ventana. Puedes editar la etiqueta del botón, el color del botón y el color del texto.
Etiqueta emergenteEste es el texto que presenta tu encuesta emergente.
ComportamientoElige si mostrar la ventana emergente inmediatamente, después de un retraso (medido en segundos), después de que el visitante se haya desplazado un determinado porcentaje en la página o cuando esté a punto de abandonar la página.

Actualiza las opciones del recopilador, que se denominan Ajustes en el tipo de botón Insertado, para personalizar la experiencia de la encuesta. Algunas opciones de recopiladores están limitadas en determinados tipos de recopiladores de sitios web:

¡No edites el código de inserción! El código de inserción contiene varias líneas de JavaScript y un id. único que está asociado con tu recopilador y tu encuesta.

Puedes usar el código de inserción en una o varias páginas pegándolo antes de la etiqueta </body>. Si quieres que todas las páginas de tu sitio muestren la encuesta, el botón o la invitación, pega el código de inserción antes de la etiqueta </header>.

Si utilizas plantillas para generar páginas de forma dinámica para el sitio (si usas Ruby, Python, PHP, ASP o una tecnología similar), puedes pegar el fragmento de código de inserción en su propio archivo y luego incluirlo en el diseño de tu página.

Si estás usando wordpress.org, debes ser un administrador para agregar el código o un superadministrador para redes de wordpress.org de múltiples sitios. Los recopiladores de sitios web no son compatibles con wordpress.com.