Instalar en Tilda

Tilda tiene dos lugares para código que funcionan con las encuestas de Voxtrics: HTML code for the HEAD section en la configuración del sitio para un formulario emergente, un emergente sin botón o un chat en todas las páginas, y el bloque T123 Embed HTML code para un formulario en línea colocado en una página. Tilda solo permite ambos en un plan de pago, Personal o Business.

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

Antes de empezar

  1. En Dominios, añade el dominio en el que se abre tu sitio de Tilda, por ejemplo example.com, o su dirección de Tilda como project123.tilda.ws si no has conectado uno. 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: HTML code for the HEAD section

  1. Abre tu proyecto, haz clic en Site Settings y elige Insert code en el menú de la izquierda.

  2. En HTML code for the HEAD section, haz clic en Edit code y 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" defer></script>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    window.SiteUtilsFeedback.initiateFeedbackModule({ formId: 'YOUR_SURVEY_ID' });
  });
</script>

    Tilda coloca este código al principio de la página, antes de que la propia página se haya cargado, así que esta versión espera a que cargue la página antes de iniciar la encuesta.

  3. Haz clic en Save changes y vuelve a publicar tus páginas: Tilda añade el código a una página al publicarla.

Site Settings → Insert code (1) → HTML code for the HEAD section (2).

Formulario en línea: el bloque T123

  1. Abre la página en el editor de Tilda y haz clic en More blocks al pie de la página. En la biblioteca de bloques, elige Other y luego T123 Embed HTML code.

  2. Haz clic en Content en el nuevo bloque y 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>

  3. Guarda los cambios y publica la página.

Biblioteca de bloques → Other (1) → T123 Embed HTML code (2).

El bloque T123 se describe en la ayuda de Tilda, en inglés: How to Embed HTML Code.

Si la encuesta no aparece

  • Comprueba que la encuesta está publicada y pertenece al dominio en el que se abre tu sitio de Tilda. Un dominio añadido como example.com también sirve para www.example.com, pero no para project123.tilda.ws.
  • Vuelve a publicar tus páginas después de cambiar el código del HEAD: las páginas publicadas antes siguen con el código anterior.
  • Las encuestas in situ y por correo no se colocan en un sitio: comparte su enlace.