Widget code not working in Elementor-built website

I’m trying to copy and paste a code given to me by Socio Events. To add their registration widget to my registration page. However the problem is that the code does not show up after saving the update. It’ll load fine while I’m in the Elementor builder, then upon viewing the update, the widget gets cut off. And when I view the same page while logged off wp-admin, the page is blank! I’m at a loss of what’s causing this issue.

this is the staging site: [ redundant link removed ]

I already contacted Socio support and basically they couldn’t figure it out and told me to contact Elementor support.

This is the code:

        <script
          src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.10/iframeResizer.js"
          integrity="sha256-FM10DPs0oUnTTrvP5TkeBE1bHSpaHkxKWqbkTGkUq/Q=" 
          crossorigin="anonymous">
          </script>
        <iframe title="ticket_list"  src="https://registration.socio.events/e/hsiconference/tickets?withHeader=true" frameborder="0" id="__tickets_widget__" scrolling="no" style="width: 611px; overflow: hidden; height: 100%;"></iframe>
        <script>
          iFrameResize({heightCalculationMethod: "taggedElement"},'#__tickets_widget__')
        </script>
      

This is a screenshot of what it looks like:
https://ibb.co/ZhW2kK5

• This topic was modified 3 years, 11 months ago by Jan Dembowski.

The page I need help with: [log in to see the link]