Requirements

Let's get started

Every page of your HTML site should look a little something like this:

<html>
	<head>
    <title>Maia's Amazing Blog</title>
  </head>
  <body>
    <h1>Day 245</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  </body>
</html>

To install the Assistcord widget, you need to install 2 script tags in the <head> of your site. Just under the <head> type <script async assistcord-id="MY_WIDGET_ID" src="<https://widget.assistcord.com/assistcord.js>"></script>, this will load the widget's code onto your site.

<aside> 🚨 Make sure to replace MY_WIDGET_ID with your actual Widget ID, otherwise the widget will not load.

</aside>

Once installed, your site's code should look a little like this

<html>
	<head>
    <script async assistcord-id="demo" src="<https://widget.assistcord.com/assistcord.js>"></script>
		<!-- ^^ But of course with the correct Widget ID ^^ -->

    <title>Maia's Amazing Blog</title>
  </head>
  <body>
    <h1>Day 245</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  </body>
</html>

<aside> ✅ You're all done! The widget is now fully installed. Make sure to push your site's code to production.

</aside>

Having trouble?

If you've followed all the steps above and the widget still isn't appearing, contact us by pressing the chat button in the bottom right!