RunConcierge

Setting up the RunConcierge widget on your Wix website

Step 1: Open the Custom Code editor

In the Wix webpage design editor, click the search button at the top right corner and search for "custom code."

Choose the "Custom Code" option from the search results (you can find it in the "Tools & Settings" section).

Step 2: Add the RunConcierge code to your site

In the "Head" section of the Custom Code page, click "Add Code."

Copy and paste the following code into a text editor (you could use Microsoft Word, a Google Doc, or Text Edit, the platform does not matter as long as you can edit the text once pasted):

<script type="module">
  const polyfillsScript = document.createElement('script');
  polyfillsScript.type = 'module';
  polyfillsScript.src = 'https://ai.neurun.com/polyfills.js';
  document.body.appendChild(polyfillsScript);

  const mainScript = document.createElement('script');
  mainScript.type = 'module';
  mainScript.src = 'https://ai.neurun.com/main.js';
  document.body.appendChild(mainScript);

  function addSearchBar() {
    const container = document.getElementById('search-container');
    if (container && !container.querySelector('search-bar')) {
      const searchBar = document.createElement('search-bar');
      searchBar.setAttribute('event', 'PASTE YOUR EVENT CODE HERE');
      container.appendChild(searchBar);
      return true;
    }
    return false;
  }

  let checkCount = 0;
  const maxChecks = 60;

  function checkAndAdd() {
    checkCount++;
    
    if (addSearchBar()) {
      return;
    }
    
    if (checkCount < maxChecks) {
      setTimeout(checkAndAdd, 1000);
    }
  }

  checkAndAdd();
</script>

In your text editor, find the text that reads PASTE YOUR EVENT CODE HERE. Replace it with the unique event key that was emailed to you by the RunConcierge team (Make sure to keep the single apostrophes before and after your event key).

Now, in Wix, in the input field beneath the words "Paste the code snippet here:" copy and paste the code that now includes your unique event key.

Step 3: Adjust code parameters

Beneath the custom code input field, in the input field titled "Name," change "Custom" to RunConcierge.

Then, in the "Add Code to Pages:" section, choose "All pages" and the "Load code on each new page" option. Rest assured, this doesn't mean the widget will appear on every page of your website. It simply allows it to load wherever you place it (see step 4).

Click "Apply" in the bottom right corner and close the Custom Code editor to return to the design editor.

Step 4: Add the RunConcierge widget to a page on your website

Decide where you'd like the RunConcierge widget to display on your site. When you've decided where to place it, click the "Add Elements" button at the top left of the design editor.

Choose the "Custom element" option from the list of components. This will add an area to your webpage where the RunConcierge widget will display.

Once the Custom element block is placed, click the "Choose Source" button at the top left. In the input field beneath "Server URL" delete everything after "https://static.parastorage.com/", then click the "Update" button. You'll notice that the Custom element block now appears blank.

Now, click the "Set Attributes" button at the top left. In the popup that displays, in the "Attribute name" field, type id. In the "Value" field, type search-container. Then, click the "Set" button.

*Note that the Custom element block will still appear blank. This is normal. Once you publish your site, the widget will be visible outside of the Wix design editor.

Repeat this process in each location you'd like to feature the RunConcierge widget if you'd like it to appear in multiple places on your website.

Step 5: Preview the widget on your published site

Publish your website and open it in a new tab. You should see the RunConcierge widget displayed in each location you added the Custom element block.

Still running into trouble?

Just reply to the email containing your unique event key and we'll work with you to ensure the widget is performing properly.

Terms & Conditions