topic How to embed Experience app into external website? in ArcGIS Experience Builder Questions

How to embed Experience app into external website?

Lvivcenter — Tue, 23 Mar 2021 14:55:52 GMT

How can I fix the issue of embeding a page created with Experience Builder into external webstie. On the external website I have created an iframe with a link to the experience builder page. It works fine in many browsers. But some users returned to me addressing the troubles - the page is just loading all the time without success. The same happens in Chrome Incognito mode - . The error in the console read as follows. The Experience page is made public.

Could you please advise what might be the reason?

Re: How to embed Experience app into external website?

ILoveACleanSanDiego — Mon, 05 Apr 2021 16:51:17 GMT

Hi @Lvivcenter - are you able to share your iframe code? My web designers are having a similar yet simpler problem, and can't get the Experience embedded in the iframe so that the device-adaptive properties of the Experience still function. I'm hoping your code (while having trouble with certain browsers) may be helpful for me if you're willing to share. Thank you and sorry I can't be of help!

Re: How to embed Experience app into external website?

UalasRohrer — Tue, 13 Apr 2021 15:34:29 GMT

@ILoveACleanSanDiego Try adding this to your page header.

Re: How to embed Experience app into external website?

ILoveACleanSanDiego — Tue, 13 Apr 2021 22:24:55 GMT

Thank you very much @UalasRohrer ! The developers figured out a workaround (I unfortunately do not have access to the code to share with others ☹️), but I will share this with them for future needs.

Re: How to embed Experience app into external website?

jschuckert — Wed, 27 Apr 2022 20:53:42 GMT

I am testing this same thing, embedding Experience Builder into a webpage. Did others end up finding an iframe code that worked well?

Related to this, I am also wondering if an EB layout/page can be created at a size other than full sized page. I don't see that option. I was trying to use an EB app for a non-traditional (full size map or webpage) use case which required something embedded but also a custom (smaller) size.

Re: How to embed Experience app into external website?

JakeNeedle — Fri, 21 Jul 2023 14:59:46 GMT

Hi All,

Did anyone every get a solution to embedding an Experience Builder app in an external website? We could really use some direction.

Thanks,

Jake

Re: How to embed Experience app into external website?

AndrewBaddeley — Mon, 21 Aug 2023 08:47:30 GMT

Jake,

I've just published an Experience Builder app to our website homepage here: www.terravisus.com

We are using Hubspot for our CSS so I had to add it via an HTML widget. Here's the HTML code:

Here's the HTML in the page header: