Skip To Content

Embed widget

The Embed widget allows you to embed website content using a URL or code for additional custom functionality.


Use this widget to support app design requirements such as the following:

  • You have a requirement to provide additional information from a website based on the selection of a feature. The feature layer contains a field with URLs to websites that you want to embed once a user selects a feature on the map or clicks a button to see more information for that feature.
  • You want to embed content using HTML code (such as a website) or copy the code from a sample (such as point clustering).

Usage notes

The following is an example of how to use custom code to embed an iframe:

<iframe width="100%" height="600px" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" src=""></iframe></div>

If you choose to display a PDF directly in the Embed widget, some users may not be able to view it in certain browsers for security reasons.


The Embed widget includes the following settings:

  • Embed by—Choose to embed by URL or code.
    • Website address—Declare a URL to a website with a single URL or turn on Connect to data, select a data source (web maps, web scenes, feature layers, or URL), and use a URL from an attribute or expression:
      • Attribute—Select an attribute from a feature layer that contains URLs to a website.
      • Expression—Create an expression for an attribute for the URL.

      Only HTTPS URLs are supported.

    • Code—Add your own custom code to embed third-party elements in your experience. It supports HTML, CSS in <style> tags, and JS in <script> tags.
  • Auto refresh—Set a custom time interval (in minutes) to automatically refresh the embedded content in the Embed widget. The minimum value you can set is 0.2 minutes (12 seconds).