Calling an API that opens up a Javascript modal

Hi All,

I need some help, I am relatively new to Bubble. I am trying to call this API within my user onboarding flow:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <script src="https://plugin.argyle.io/argyle.web.v1.js"></script>
    <script type="text/javascript">
      const argyle = Argyle.create({
        pluginKey: '#',
        apiHost: 'https://api-sandbox.argyle.io/v1',
        payDistributionItemsOnly: true,
	    payDistributionConfig: "#"
      })
      argyle.open()
    </script>
  </body>
</html>

This is the modal

Screen Shot 2020-12-11 at 8.27.16 AM|478x500

How do I add this code snippet to a page within Bubble? I tried to add it with the html element but it is not working.

Use the plugin “Api Connector”