...
Decide where the widget should be placed on the page. For example, below the header element.
In the code, find the closing tag for the header element (
</header>).Paste the widget's HTML code below the closing header tag.
For 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>
...
Paste the widget's HTML code into the Write HTML… field.
For 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>Click the Preview button to see how the widget will appear.
...
In the code editor, open the theme.liquid file located under the Layout section.
Decide where you want the widget to appear:
Paste the widget code inside the <body> element.
For 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>You can place the widget code near the closing </body> tag to include it consistently across your site.
...
Visit godaddy.com and log in to your account.
Open the website you want to edit using the GoDaddy Website Builder.
After successfully logging in you will be directed to the Dashboard.
2. Edit Your Website
Choose the Page and Section:
Click While on Dashboard, click Edit Website in the GoDaddy Website Builder.
Navigate to the page where you want to embed the widget.
Click On the edit page, click Add Section in the area where you’d like the widget to appear.
3. Embed the Widget Code
Insert HTML Code:
From the available section options, select Select Files & Web > HTML > Add from the available section options.
Paste the widget's embed code into the Custom Code field.
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>
Preview and Publish:
Click Preview to check the widget's placement and appearance on the page.
If satisfied, click Publish to make the widget live on your website.
