Show the Hubspot chat widget only on certain pages on an angular application

My website uses Hubspot live chat widget. I am also developing an Angular application where I add the widget to the index.html like so:

<script id="hs-script-loader" async defer src="//js.hs-scripts.com/xxxxxxxx.js"></script>
</body>

I have 2 issues:

First I want to show the widget on just the /signup page.

Second I get this following error in the console:

HubSpot Conversations: You are using conversations on a non-https site! Not using https puts your visitor's data at risk, please enforce using https.

the issue with this is the angular application will be compiled using capacitor for use as a Android appliacation. I am wondering if there are any solutions for this issue as currently its runs as http localhost even when run from the android app