topic Re: Embed Experience builder app as an iframe in website in ArcGIS Experience Builder Questions

Embed Experience builder app as an iframe in website

ShiraKellerMandel — Tue, 30 May 2023 11:00:41 GMT

Hi,

I would like to know if it is supported by Esri to Embed Experience builder app in iframes in external websites.

Re: Embed Experience builder app as an iframe in website

Wei_Ying — Fri, 09 Jun 2023 01:17:39 GMT

Hi @ShiraKellerMandel ,

Yes it is applicable to embed ExB app to other iframe.

Thanks,
Wei

Re: Embed Experience builder app as an iframe in website

SineKelly_AEC — Mon, 29 Jan 2024 11:28:13 GMT

how do you do this/where can you obtain the iframe code?

Re: Embed Experience builder app as an iframe in website

Wei_Ying — Fri, 02 Feb 2024 22:45:41 GMT

Hi @SineKelly_AEC,

Usually you can simply copy the experience URL and imbed to other app.
To get a better iframe code, you can also add a Share widget in ExB experience, and then from the Share widget, you may find "Embed" option where you can customize the size for iframe and then copy the code to use.

Re: Embed Experience builder app as an iframe in website

SineKelly_AEC — Fri, 15 Mar 2024 06:29:53 GMT

Thanks @Wei_Ying

I have done this and used the embed code to embed the app in a sharepoint site, but only the app loading bar appears.

The app is not shared publicly. Should this mean that I expect to see a loading bar, or a sign in page? I assumed that I would see a sign in to ArcGIS Online page within the embedded iframe, and by entering my login details I would be able to see the map.

I dont want the map to be shared publicly, but want internal staff members who are using sharepoint (and also have a AGOL login) to be able to view this as well.

Should this work in theory or not? Would it make any difference to create/share the app from a Portal rather than AGOL?

Thanks

Re: Embed Experience builder app as an iframe in website

AlfieBegley — Thu, 21 Mar 2024 16:19:49 GMT

Hi,

Was there any update on this?

Thanks,

Alfie

Re: Embed Experience builder app as an iframe in website

Wei_Ying — Fri, 29 Mar 2024 04:43:14 GMT

Hi @SineKelly_AEC ,

So your problem is when embed a private ExB app to a website you only see a loading sign but no login-in page/popup?
That sounds like a bug then. Are you able to share the website? You don't have to share the ExB app publicly.

Re: Embed Experience builder app as an iframe in website

Blake_zhang — Wed, 03 Apr 2024 20:14:14 GMT

Hi Weiying,

I encountered the same issue where the login page didn’t appear on my web page. Instead, only the loading page was visible. However, when I changed the sharing permissions of the experience builder to public, the content loaded successfully. Unfortunately, I don’t want the content to be accessible outside our organization. Is there a solution to the bug we’re currently facing?

Re: Embed Experience builder app as an iframe in website

Vanessa_S — Mon, 17 Jun 2024 14:42:53 GMT

Hi Alfie,

Have you had any response about this?

Thanks,

Re: Embed Experience builder app as an iframe in website

Wei_Ying — Wed, 19 Jun 2024 19:15:13 GMT

Hi all,

Thanks for sharing your feedbacks. Sounds like some of you have the same issue accessing the ExB app when it is embedded. However, it is difficult for me to tell what's going on without seeing an example.
Understand that some of the content cannot be shard publicly, but you may contact me in personal message through community to share the ExB app if possible to help investigate.

Thanks,
Wei

Re: Embed Experience builder app as an iframe in website

NiklasKöhn — Thu, 19 Sep 2024 10:14:10 GMT

Hi all,

picking this up because I was just made aware of the issue by a customer who needs it.
@Wei_Ying: It's actually not so hard to create your own example. Just create a basic experience with a WebMap in it and see how it behaves in an iFrame.
I did exactly that and the issue is there: Embedding a protected experience in the iFrame gives me an "Item does not exist or is inaccessible" error.

I came up with this workaround: It works for me with a publicly shared Experience that accesses a protected map (screenshots below). This means that the data is still not publicly accessible (assuming the services in the map are also protected), only the outer frame of the application can be loaded. As soon as the application accesses protected resources, it is redirected to the OAuth2 mask, so you basically see nothing of the application without authenticating.

Re: Embed Experience builder app as an iframe in website

Wei_Ying — Fri, 04 Oct 2024 17:29:30 GMT

Hi @NiklasKöhn ,Thanks for following up.
What edition of ExB are you using? Enterprise or Online?
We should have fixed this issue for AGOL edition in June release for BUG-000168706.

Re: Embed Experience builder app as an iframe in website

EJSlager_kcgis — Fri, 06 Dec 2024 01:03:31 GMT

I am still having this issue with an ExpB app on the AGOL edition after the June update. I am trying to embed a non-publicly shared ExB into an Enterprise Site (i.e. Hub Basic) using the IFrame card in Enterprise Sites.

To be clear: the ExB app was built on AGOL, the Enterprise Site is deployed on ArcGIS Enterprise.

Re: Embed Experience builder app as an iframe in website

Wei_Ying — Fri, 06 Dec 2024 02:13:31 GMT

Hi we just release new version in November 2024 ArcGIS Online, can you try again and see if the issue still exist?

Re: Embed Experience builder app as an iframe in website

EJSlager_kcgis — Fri, 06 Dec 2024 02:14:52 GMT

Yes, I am having the issue after the November update as well.

Re: Embed Experience builder app as an iframe in website

Wei_Ying — Fri, 06 Dec 2024 02:37:40 GMT

Thanks for confirming. Unfortunately I cannot reproduce the problem you see.
Would you be able to reach out Esri Support (https://support.esri.com/en-us/overview) to provide us a repro case and details? Thank you!

Re: Embed Experience builder app as an iframe in website

DarraghOSullivan — Wed, 09 Apr 2025 10:10:53 GMT

Jumping in here ... @Wei_Ying you say it is 'applicable' to embed ExB in an iFrame. What does this mean in terms of support and performance? Our app is quite 'heavy' so I'm wondering if it's likely to have speed/responsiveness issues etc? Thanks

Re: Embed Experience builder app as an iframe in website

Wei_Ying — Wed, 14 May 2025 06:24:21 GMT

So far we have not heard performance feedback for embedding ExB app to iFrame. If you have the issue, would you please work with Esri Support to provide a repro case so we can investigate? Thanks a lot.

Re: Embed Experience builder app as an iframe in website

SStopyak_BruceHarris — Wed, 25 Jun 2025 18:01:32 GMT

We have tried embedding an Experience into an iframe. It breaks the data actions for exporting to CSV JSON and GeoJSON in Edge and Chrome browsers. Still looking for a viable workaround to present the Experience with a custom domain (like you can with Hub).

Re: Embed Experience builder app as an iframe in website

ShengdiZhang — Fri, 27 Jun 2025 01:47:34 GMT

Hi, the export issue should have been fixed in the recent AGOL update. Can you still reproduce it?