Inject Hubspot Chat into Next.js app

[RTelyatnik]

Could you please tell, how to inject Hubspot chat widget to the Next.js app? Didn`t find any documentation for it.

[MMalaya]

Check out the Next.js documentation for project with:
1. app router: https://nextjs.org/docs/app/building-your-application/optimizing/scripts
2. page router: https://nextjs.org/docs/pages/building-your-application/optimizing/scripts

[AA_AMPTech]

We have implemented it this way:

{/* Hubspot */}
<Script id="hs-script-loader"
        src="//js-eu1.hs-scripts.com/25314488.js"
        strategy={'lazyOnload'}

For some reason, it results to an error though which leads to sending a random form entry. Any ideas on how to solve this?

[dennisedson]

Hey @RTelyatnik 

This is not next.js specific, but may help get you started.

@amjadg asked this question about chat in a React app.

@kierana and @Mark_Ryba had some useful insights.