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 a 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 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 check 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 widget because the Share widget is already a wrapped widget that can perform options in a pop-up.

Tip:

Click the Pin button on the Share widget's toolbar to keep the widget visible on scrolling pages.

Tip:

If you want your ArcGIS Experience Builder app to appear in Google Search results, it must be indexed by Google. You can help Google find and index your app by linking to it on a website such as X or Facebook.

Settings

The Share widget includes settings for two sharing styles, pop-up and inline as follows:

  • 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.
    • Link options—Include the Short link tool in the widget panel at run time.
    • Share options—Turn on the share options, such as QR code and Email, to include them in the widget panel at run time. Drag the 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.
    • Link options—Include the Short link tool in the Share link panel at run time.
    • Share options—Turn on the share options, such as QR code and Email, to include them in the widget at run time. Drag the 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.

You can customize the text that appears in the body of the email when the user shares by email. To do this, hover over the Email option, click Modify sharing content Modify sharing content, turn on Customize sharing content, and edit the message in the text box. Default content is automatically translated. Customized content is not translated.