...

General

This guide will walk you through embedding the TireConnect widget on popular website builders. Details about the various widget types and their embedding options can be found in the TireConnect Widgets Deployment Guide. For tips on choosing the right widget to deliver the best customer experience and maximize your sales, check out our TireConnect Embedding & Website Best Practices guide.

Please note that each widget requires an apikey, which will be provided along with the embedding instructions.

If you need any assistance, don’t hesitate to reach out to us:

• Online form: https://www.tireconnect.ca/contact-us/

• Phone: 1 888 792-7072 ext. 101

• Email: support@tireconnect.ca

WordPress

Setup Basics

Access Your WordPress Admin Dashboard

...

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.
   For 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>

Preview and Apply Changes:

...