Install on Tilda

Tilda has two places for code that work with Voxtrics surveys: HTML code for the HEAD section in Site Settings for a popup, a popup with no button or a chat survey on every page, and the T123 Embed HTML code block for an inline form placed on a page. Tilda allows both only on a paid plan, Personal or Business.

Before you start

  1. In Domains, add the domain your Tilda site opens on, for example example.com, or its Tilda address such as project123.tilda.ws if you haven't connected one. A survey loads only on the domain it belongs to.
  2. Create the survey under that domain and publish it.
  3. Copy the survey's ID: on the Surveys list, open the survey's embed code. The ID is the formId value.

  1. Open your project, click Site Settings and choose Insert code in the menu on the left.

  2. Under HTML code for the HEAD section, click Edit code and paste this, with your survey's ID in place of 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 places this code at the very top of the page, before the page itself has loaded, so this version waits for the page before it starts the survey.

  3. Click Save changes, then publish your pages again: Tilda adds the code to a page when the page is published.

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

Inline form: the T123 block

  1. Open the page in the Tilda editor and click More blocks at the bottom of the page. In the block library, choose Other, then T123 Embed HTML code.

  2. Click Content on the new block and paste your survey's embed code, with your survey's ID in place of 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. Save your changes, then publish the page.

Block library → Other (1) → T123 Embed HTML code (2).

Tilda's own guide to the T123 block: How to Embed HTML Code.

If the survey doesn't appear

  • Check that the survey is published and belongs to the domain your Tilda site opens on. A domain added as example.com covers www.example.com too, but not project123.tilda.ws.
  • Publish your pages again after changing the HEAD code: pages published before still have the old code.
  • On-site and email surveys aren't placed on a site. Share their link instead.