topic Re: UI Extension iframe in APIs & Integrations

UI Extension iframe

SunnySun — Wed, 18 Dec 2024 14:39:47 GMT

Hi,

I have a iframe to embed in hubspot as UI Extension. But for some reason I need to pass the iframe's internal document to an object. But <iframe> element is not allowed in UI Extension and with iframe-Modal I have no control of the iframe element.

Worse ist, I cannot get the <iframe> element using document.getElementById/document.querySelector. I got the error:

Refused to create a worker from 'blob xxxxxx'.

Can someone help me with that?

Best Regards,
Sunny

Re: UI Extension iframe

zach_threadint — Wed, 18 Dec 2024 21:41:13 GMT

Hi @SunnySun 👋

By design, there's limited flexibility and strong security built into HubSpot's UI Extensions framework. I imagine the "Refused to create a worker ..." issue you're experiencing is related to a HubSpot Content Security Policy directive -- there's a semi-related community post you can check out here.

In saying that, you should be able to open an iframe in a modal by following this documentation (see the "Open an iframe in a modal" section).

I hope that proves helpful. Please let me know if you have any follow-up questions.

Re: UI Extension iframe

SunnySun — Thu, 19 Dec 2024 09:10:56 GMT

Hi @zach_threadint ,

Thank you for the reply. I can open an iframe in a modal now.

But we want to integrate the a Web-App as an iframe into the HubSpot UI extension. However, we need to use the iframe modal from HubSpot. But we don't have access to the iframe modal from HubSpot. We need to pass the internal document from iframe to the App.

We would now like to know if there are other ways than UI Extension to integrate a dynamic iframe into HubSpot as an iframe instead of a static page. This iframe must be integrated into the CRM context.

Best Regards,
Sunny

Re: UI Extension iframe

zach_threadint — Fri, 20 Dec 2024 00:10:15 GMT

Hi @SunnySun 👋

If possible, I think you might have to consider creating a custom interface using HubSpot's UI Extension components (other than iframe modal) and then handle data transfers via serverless functions.

Re: UI Extension iframe

SunnySun — Fri, 20 Dec 2024 10:01:16 GMT

Hi @zach_threadint ,

Thank you again 🙂
Do I need the Enterprise subscription to use the serverless functions? Because I have tried the private apps before. But I always get the error

[ERROR] Couldn't create a React extension with your file `/app/extensions/multi-step-flow-example-card.json` because you don't have access to this beta. To learn more and sign up for the beta, visit https://app.hubspot.com/l/whats-new/all?update=13899236

When I try to open the link, nothing is found.

So is it due to my incorrect operation, or can I not use this feature at all?

Best Regards,
Sunny

Re: UI Extension iframe

zach_threadint — Wed, 01 Jan 2025 23:58:43 GMT

Hi @SunnySun 👋

Looks like this feature is available to HubSpot customers with at least one of the following subscriptions:

Enterprise Customer Platform
Content Enterprise
Marketing Enterprise
Marketing+ Enterprise
Ops Enterprise
Sales Enterprise
Service Enterprise