Share widget

The Share widget allows end users to share the app by posting it to a social media account, sending an email with a link, or embedding it in a website or blog. It also provides a URL and QR code of the app. It shares the entire app. You can share links that include URL parameters, meaning the links can open the app to certain pages, have certain features selected, and more. To add a Share widget, drag it anywhere on a page and use either pop-up or inline style to fit your app design.

Examples

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

  • You want users to share your app. Add a Share widget with an icon that encourages users to share.
  • You have a blog-style site and want to align media share buttons across your content.

Usage notes

When you include the Share widget in an app, the following two check boxes appear under the app link:

  • Short link—Generate a short URL that links to the experience.
  • Include URL parameters—Include any active URL parameters in the URL to be copied. Uncheck the box to share the experience's original URL without parameters.

You can specify which URL parameters are included in the shareable URL under Manage URL status.

It's recommended that you do not add a Share widget to a Widget Controller because the Share widget is already a wrapped widget that can perform options in a pop-up.

Settings

The Share widget includes settings for two sharing styles: pop-up and inline.

Pop-up—Display the sharing URL and other sharing options in a pop-up.

  • Icon—Customize the share icon by changing the icon symbol, color, and size.
  • Share options—Turn on the share options, such as QR code and Email, to include them in the widget. Drag options to reorder them.
  • Tooltip—Provide custom hover text to describe to end users what the share button does.

Inline—Display the sharing options as inline tiles.

  • Share options—Turn on the share options, such as QR code and Email, to include them in the widget. Drag options to reorder them.
  • Direction—Align the share options horizontally or vertically to fit your app design.
  • Color—Change the default color scheme of the share option buttons.
  • Size—Choose a size for the share options: small, medium, or large.
  • Show media label—Show the share option labels with their icons.
  • Font—Change the font color of the media labels.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.

You can no longer sign into this site. Go to your ArcGIS portal or the ArcGIS Location Platform dashboard to perform management tasks.

Your ArcGIS portal

Create, manage, and access API keys and OAuth 2.0 developer credentials, hosted layers, and data services.

Your ArcGIS Location Platform dashboard

Manage billing, monitor service usage, and access additional resources.

Learn more about these changes in the What's new in Esri Developers June 2024 blog post.

Close