Tireweb / Tiresearch / Embedding guide
Tiresearch widget

Embedding guide

Step-by-step instructions for adding the Tiresearch widget to WordPress, Shopify, Wix, GoDaddy and any custom HTML site.

Section 1

Overview

Tiresearch provides a JavaScript widget you can embed on any website. Once installed, it displays a fully functional tire search, inventory and checkout experience directly on your site.

Embedding requires just two lines of HTML: a <script> tag that loads the Tiresearch client and a <div> container where the widget renders.

Section 2

The embed code

Your customer support representative will provide you with your embed code. Copy and paste it into the HTML of the page where you want Tiresearch to appear.

<script src="https://tireflow.ezytire.com/WebsiteID/SitekindID/Script/Client.js"></script>
<div id="tire-flow-responsive-container"></div>
Important
  • The <div> must have the exact id tire-flow-responsive-container.
  • The <script> tag should appear before the <div>.
  • Do not modify the script URL provided to you.
Section 3

WordPress

Option A — Embed in a page or post

  1. Log in to your WordPress admin dashboard.
  2. Navigate to Pages (or Posts) and open the page where you want the widget, or create a new one.
  3. Switch the editor to Code Editor mode (also called "Text Mode" in the Classic Editor). In the WordPress block editor, click the three-dot menu in the top-right and select Code Editor.
  4. Paste the embed code where you want the widget to appear.
  5. Click Preview to verify the widget displays correctly.
  6. Click Update (or Publish) to save.
<script src="https://tireflow.ezytire.com/WebsiteID/SitekindID/Script/Client.js"></script>
<div id="tire-flow-responsive-container"></div>

Option B — Embed as a widget (sidebar / footer)

  1. Go to Appearance → Widgets.
  2. Click the + button and search for Custom HTML.
  3. Add the Custom HTML block and paste the embed code into the Write HTML… field.
  4. Drag the block to your desired position (sidebar, footer, etc.).
  5. Click Update to save.
Section 4

Shopify

Option A — Edit theme code (site-wide)

  1. Log in to your Shopify Admin at shopify.com.
  2. Navigate to Online Store → Themes → Actions → Edit Code.
  3. Open the theme.liquid file under the Layout section.
  4. Paste the embed code inside the <body> element, ideally just before the closing </body> tag.
  5. Click Save and then Preview Store to verify.
<script src="https://tireflow.ezytire.com/WebsiteID/SitekindID/Script/Client.js"></script>
<div id="tire-flow-responsive-container"></div>

Option B — Add to a specific page via Customizer

  1. Navigate to Online Store → Themes → Customize.
  2. Select the page type (Home, Product, or Collection).
  3. Click Add Section and choose Custom Liquid.
  4. Paste the embed code into the Liquid Code field.
  5. Click Save.
Section 5

Wix

Step 1 — Log in to Wix

  1. Sign in to your Wix account.
  2. From the dashboard, select the site you want to edit.
  3. Click Edit Site.

Step 2 — Add the JavaScript code

  1. Navigate to the page where the widget should appear.
  2. Add a new section to the page.
  3. Insert a Custom Element / Embed Code (JavaScript) component.
  4. Paste the provided JavaScript code into the editor.

Step 3 — Whitelist the iframe domain

Wix requires external iframe sources to be explicitly whitelisted. Follow these steps to identify and add the correct domain:

  1. Preview or load the page.
  2. Open the browser developer console.
  3. Look for an error indicating an iframe failed to load.
  4. Copy the filesusr.com iframe URL shown in the error.
  5. Send the URL to your Tiresearch customer support representative so they can update your Whitelist Domains.

Example iframe URL:

https://www-yoursite-com.filesusr.com/html/xxxxxx_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.html
Notes & limitations

Fixed widget size — the widget size is fixed. Wix does not support dynamic resizing of JavaScript widgets like a traditional website.

Layout considerations — the widget can be manually stretched in the Wix editor. Page layouts must be designed around this constraint.

Section 6

GoDaddy

  1. Log in to your GoDaddy account and go to your Dashboard.
  2. Click Edit Website and navigate to the page where you want the widget.
  3. Click Add Section in your desired location.
  4. Select Files & Web → HTML → Add.
  5. Paste the embed code into the Custom Code field.
  6. Click Preview to check placement, then Publish.
GoDaddy note

GoDaddy loads external scripts inside an <iframe>. If the widget does not render or scroll correctly, please contact your customer support representative for an alternative snippet that handles iframe positioning.

Section 7

Other website builders & custom HTML

For any other platform (Squarespace, custom-built sites, etc.), the process is the same:

  1. Locate the HTML editor for the page where you want the widget.
  2. Paste the two-line embed code below.
  3. Save and preview.
<script src="https://tireflow.ezytire.com/WebsiteID/SitekindID/Script/Client.js"></script>
<div id="tire-flow-responsive-container"></div>
Best practice

Place the embed code on a dedicated page (e.g. /tires or /shop-tires) so the widget has room to render the full tire search experience.

Section 8

Troubleshooting

ProblemSolution
Widget does not appear Verify the WebsiteID and SitekindID in the script URL are correct. Open your browser's developer console (F12) and check for network or JavaScript errors.
Blank white area where widget should be Ensure the <div> has the exact id tire-flow-responsive-container (case-sensitive, with hyphens).
Widget loads but looks unstyled Check that your site's CSS is not overriding Tiresearch styles. Try placing the widget on a minimal page to isolate the issue.
Widget does not scroll correctly (GoDaddy) GoDaddy renders content inside an iframe. Contact your customer support representative for a GoDaddy-specific snippet.
Mixed-content browser warning Ensure your site uses https://. The Tiresearch script is served over HTTPS and requires a secure page.

Ready to add Tiresearch to your site?

See a live demo on a sample catalog, or book a 30-minute walkthrough with our team.

View demo Book a demo