Samples > Starter stores > Starter store enhancements > Remote widgets > Site flow and interactions > E-Marketing Spot remote widget and feed flows
Share this widget page
When a customer clicks a Share link for a remote widget on a store page, this page provides customers with a widget editor. Customers can change the layout, size, and background color of their widget. After customizing the widget, customers can use features on the page to share the widget to a social network, blog, or another personal Web pages outside of WebSphere Commerce.
There are two ways the customer can share the widget:
- By copying the HTML embed code for the widget and then pasting the code into a personal Web page.
- By linking directly from this page to several social networks. Customers can then log on to the social network and add the widget directly to their page.
This page is integrated with KickApps, which is a Web-based platform that offers hosted services for widgets. The KickApps App Studio provides the widget editing, previewing, and sharing functions on this page.
Elements of the Share this widget page
- RemoteWidgetToolDisplay.jsp represents the entire page.
- RemoteWidgetToolIntegration.jspf is an integration JSP file that makes requests to the KickApps App Studio Web service.
- E-Marketing Spot remote widget capability can be enabled or disabled.
- Wish list remote widget capability can be enabled or disabled.
- Gift registry remote widget capability can be enabled or disabled.
- When the customer changes the layout, size, or background color, RemoteWidgetToolIntegration.jspf is called to make requests to the KickApps App Studio Web service. The RemoteWidgetToolIntegration.jspf file includes a KickAppsToolingLogic.js file that communicates with KickApps. A KickApps SWF object provides the widget preview in the center of the page. Changes to the layout, size, or background color are displayed immediately in the SWF object.
- When the customer clicks the Share button, the KickApps SWF object changes to display the embed code for the widget and the links to the social networks, as shown in the following example:
Related reference
Catalog: Overall layout, right sidebar