Instalar en Squarespace

Squarespace tiene dos lugares para código que funcionan con las encuestas de Voxtrics: Code Injection para un formulario emergente, un emergente sin botón o un chat en todas las páginas, y el bloque Code para un formulario en línea colocado en una página. Squarespace solo ejecuta scripts en ambos en los planes Core, Plus y Advanced y en algunos planes antiguos.

Los nombres de los menús de abajo son los de la interfaz de Squarespace en inglés.

Antes de empezar

  1. En Dominios, añade el dominio en el que se abre tu sitio de Squarespace, por ejemplo example.com, o su dirección de Squarespace como your-site.squarespace.com. Una encuesta solo se carga en el dominio al que pertenece.
  2. Crea la encuesta en ese dominio y publícala.
  3. Copia el ID de la encuesta: en la lista de Encuestas, abre el código de inserción de la encuesta. El ID es el valor de formId.

Emergente, emergente sin botón o chat: Code Injection

  1. En el editor de tu sitio, abre Pages, baja hasta Website Tools y haz clic en Code Injection.

  2. En Footer, pega esto, con el ID de tu encuesta en lugar de YOUR_SURVEY_ID:

    <script src="https://feedback.voxtrics.io/assets/prod/index.iife.js"></script>
    <script>
      window.SiteUtilsFeedback.initiateFeedbackModule({ formId: 'YOUR_SURVEY_ID' });
    </script>
    
  3. Haz clic en Save.

Code Injection: pega el código en Footer (1) y haz clic en Save (2).

Formulario en línea: el bloque Code

  1. Abre la página, haz clic en Edit y luego en Add Block en la sección donde debe aparecer la encuesta.

  2. Busca Code y añade el bloque Code.

  3. Haz clic en el icono del lápiz del bloque y elige HTML en el menú Type. No JavaScript: un bloque Code con el tipo JavaScript muestra el código como texto en lugar de ejecutarlo.

  4. Pega el código de inserción de tu encuesta, con su ID en lugar de YOUR_SURVEY_ID:

    <div id="feedback-widget"></div>
    
    <script src="https://feedback.voxtrics.io/assets/prod/index.iife.js"></script>
    <script>
      window.SiteUtilsFeedback.initiateFeedbackModule({
        formId: 'YOUR_SURVEY_ID',
        container: document.getElementById('feedback-widget'),
      });
    </script>
    
  5. Haz clic en Save en la esquina superior izquierda.

Add Block: busca Code (1) y añade el bloque Code (2).

El bloque Code y su editor se describen en la ayuda de Squarespace: Bloques de código.

Si la encuesta no aparece

  • Comprueba que la encuesta está publicada y pertenece al dominio en el que se abre tu sitio. Un dominio añadido como example.com también sirve para www.example.com, pero no para your-site.squarespace.com.
  • Squarespace no ejecuta código propio en las páginas de pago del carrito, así que la encuesta no aparecerá ahí.
  • Las encuestas in situ y por correo no se colocan en un sitio: comparte su enlace.