<aside> 🔑 This tutorial assumes you have technical knowledge about Next.js

</aside>

Requirements

• Access to the source code of your site
• An Assistcord Widget ID
• A next/head component that is used on every page of your site

Let's get started

Within your next/head component, insert this:

<script async assistcord-id="MY_WIDGET_ID" src="<https://widget.assistcord.com/assistcord.js>"></script>

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

</aside>

<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!