...

1. Once you're in the editor, locate the preview field and switch to Text Mode (or Code Editor in some versions of WordPress).
   

   Image Removed

   This will display the raw HTML code for the page.
   

   Image Added

Embed the Widget:

1. Decide where the widget should be placed on the page. For example, below the header element.

2. In the code, find the closing tag for the header element (</header>).

3. Paste the widget's HTML code below the closing header tag.
   
   Code example:

   Code Block
   <script src="https://app.tireconnect.ca/js/widget.js"></script> <div id="tireconnect"></div> <script> TCWidget.init({ apikey: 'SUBSTITUTE_YOUR_API_KEY_HERE', container: 'tireconnect' }); </script>

...

1. From the dashboard, navigate to Appearance > Widgets.
   

   

2. Click the + (Plus) button in the top-right corner.
   

   

...

1. Once satisfied with the preview, click the Update button to save the changes.

2. A "Widget saved" notification will appear in the bottom-left corner of the page.
   

   

...

Shopify

Embed the Widget in the Website's HTML Code

...

1. Click Preview to check the widget's placement and appearance on the page.
   

   

2. If satisfied, click Publish to make the widget live on your website.
   

   Image RemovedImage Added