This section summarizes each of the Grid View widget types, accompanied by a brief outline of the relevant page layouts, and any associated elements.

Account Address Book

This widget is used in account-based storefronts. It provides the shopper with the ability to look up and select shipping addresses saved for the account they are associated with; see the Create Page Layouts that Support Different Types of Shoppers chapter for more details.

It is available for the page types within the Checkout layout.

Add Product to Wish List

This widget enables the shopper to add a product to their wish list.

It is available for the Product layout.

Cart Shipping

This widget enables the shopper to enter shipping address details and select a shipping method so they can see an estimate of shipping costs, including taxes etc.

It is available for the page types within the Cart layout.

The following elements are available for the Cart Shipping widget:

Cart Summary

This widget enables the shopper to view a summary of the products added to their shopping cart.

It is available for the page types within the Checkout layout.

Category Content

This widget displays images, collection descriptions and collection long descriptions for a selected category.

It is available for the Collection layout.

Collection

This widget displays items grouped together into a collection, for example, shoes, furniture, clocks etc.

It is available for all layouts.

Collection Navigation

This widget enables the shopper to navigate to a collection of items, and specifically provides category navigation for larger catalogs.

It is available for all layouts.

Collection Navigation Basic

This widget enables the shopper to navigate to a collection of items, and specifically provides category navigation for smaller catalogs.

It is available for all layouts.

Customer Address

This widget enables the shopper to enter their shipping and billing addresses.

It is available for the page types within the Checkout layout.

Customer Address Book

This widget provides the shopper with the ability to look-up and select saved shipping addresses.

It is available for the page types within the Checkout layout.

Important: Account-based storefronts cannot use the Customer Address Book widget. This widget allows shoppers to edit their billing and shipping addresses. In account-based storefronts, addresses are managed at the account level and shoppers should not be able to modify them, which makes the Customer Address Book widget inappropriate for account-based storefronts. Instead, account-based storefronts should use the Account Address Book widget instead. See the Create Page Layouts that Support Different Types of Shoppers chapter for more details.

Customer Profile

This widget gives the shopper access to their personal details.

It is available for the Profile layout.

Important: Account-based storefronts cannot use the Customer Profile widget. This widget allows shoppers to edit their billing and shipping addresses. In account-based storefronts, addresses are managed at the account level and shoppers should not be able to modify them, which makes the Customer Profile widget inappropriate for account-based storefronts. Instead, account-based storefronts must create a new widget type that displays profile information but does not enable address editing. See the Create Page Layouts that Support Different Types of Shoppers chapter for more details.

CyberSource Payment Authorization

This widget provides the ability to enter form data to be used for authenticating payments.

It is available for the Payer Authentication layout.

Footer

This widget provides a consistent footer throughout the web store, giving access to common links. Generally footers may include privacy policy details, contact information, shipping links, sign-ups, social links and copyright information.

It is available for all layouts.

Guided Navigation

This widget allows the shopper to refine any given search, based on the search results. Search refinements are displayed based on the entered ‘search’ term.

It is available for the following layouts:

Gift Card

This widget enables the shopper to use a gift card as payment for their cart items.

It is available for the page types within the Checkout layout.

The following elements are available for the Gift Card widget:

Header

This widget provides a consistent header throughout the web store, giving access to common links. Generally this may include the store logo, sign-in/register links and shopping cart access.

It is available for all layouts.

The following elements are available for the Header widget:

These elements are also available for the Header widget but should only be used in account-based storefronts (see the Create Page Layouts that Support Different Types of Shoppers chapter for more details):

Hero

This widget is used for displaying marketing images.

It is available for all layouts.

Login/Registration Checkout

This widget enables the shopper to either log in or register their details during checkout.

It is available for the page types within the Checkout layout.

No Search Results

This widget enables the shopper to clearly see that no search results were found.

It is available for the No Search Results layout.

Notifications

This widget provides the shopper with notifications related to their actions, for example, confirmation and validation messages.

It is available for all layouts.

Order Confirmation

This widget enables the shopper to see order confirmation details upon placing an order.

It is available for the Order Confirmation layout.

Order Confirmation Summary

This widget enables the shopper to see a summary of their order upon placing an order.

It is available for the Order Confirmation layout.

Order Details

This widget provides the shopper with details related to their order including date, status, product details etc.

It is available for the following layouts:

Order History

This widget provides the shopper with a summary of their previous orders.

It is available for the following layouts:

Order Summary

This widget enables the shopper to review their order from the cart page before proceeding to checkout.

It is available for the page types within the Cart layout.

Order Summary Checkout

This widget enables the shopper to review their order from the checkout page and then place their order.

Additionally they may have an option to checkout with PayPal.

It is available for the page types within the Checkout layout.

Overlayed Guided Navigation

The Guided Navigation widget allows the shopper to refine their search, based on the search results. Search refinements are displayed based on the entered ‘search’ term.

This widget is optimized for mobile display.

It is available for the following layouts:

Page Not Found

This widget displays a message to the shopper that the page they searched for has not been found.

It is available for the Error layout.

Payment Details

This widget enables the shopper to select their payment type and enter their card payment details.

It is available for the page types within the Checkout layout.

Payment Gateway Options

This widget provides the shopper with a list of payment gateway options for checkout.

It is available for the page types within the Checkout layout.

The following elements are available for the Payment Gateway Options widget:

Product Details

This widget displays the details of a product to the shopper. This can include: image, description, variant detail, quantity, and stock indicator.

This widget also allows the shopper to add an item to their cart and share on social media or email.

It is available for the Product layout.

The following elements are available for the Product Details widget:

Product Listing

This widget displays a list of products relevant to the shopper’s navigation context. When directly navigating via a collection, this widget displays products belonging to that collection. When navigating via a search, this widget displays a list of products matching the given search term. Each product is shown with the product image, name, and price.

It is available for the following layouts:

Product Recommendations

This widget enables personalized shopper product recommendations to be displayed to the shopper.

It is available for all layouts.

The following elements are available for the Product Recommendations widget:

For information on how to use this widget, see Display product recommendations.

Product Social Meta Tags

This widget provides meta tag support for structured data markup on web pages as well as other applications. It provides Open Graph (OG) protocol meta tags to control the content displayed when a page is shared on Facebook. Additional meta tags are included for use with search engine optimization (Schema.org, Pinterest, and Twitter). The meta tags provided in this widget are a subset of the meta tags available. Consult your company’s development team for more details on how to tailor this widget to your business needs.

It is available for the Product layout.

Promotion

This widget enables the shopper to apply a promotional coupon to their order.

It is available for the page types within the Checkout and Cart layouts.

Quote Details

This widget provides the shopper with the details of a quote which they have previously requested.

It is available for the Order Details layout.

Related Products

This widget provides the shopper with related product recommendations, as defined by the merchant.

Note: Only one instance of this widget should be included in the layout as multiple instances can display redundant recommendations.

It is available for the Product layout.

The following elements are available for the Related Products widget:

Request Quote

This widget enables the shopper to request a quote for their order.

It is available for all layouts.

Review Order

This widget enables the shopper to review their order before placement.

It is available for the page types within the Checkout layout.

Search Results

This widget displays search results – in a similar way to the Product Listing widget.

It is available for the Search Results layout.

Shopping Cart

This widget enables the shopper to view the items added to their shopping cart. The shopper can also use this widget to amend the cart details.

It is available for the page types within the Cart layout.

Web Content

This widget allows the merchant to display HTML content. This includes About Us, Contact Us, Privacy, Returns and Shipping web content.

It is available for all layouts.

The following elements are available for the Web Content widget:

Within the Settings tab of each of the Web Content instances you can access a rich text editor from the Element Library. (If you are using Version 2 of this widget, then it contains by default a single rich text element which is accessed upon opening the element in the Layout tab.) This allows you to make style configurations, view source content, and insert images via a URL.

To add an image via a URL:

Wish List Canvas

This logical widget allows a shopper to create an article page (a static text page) for Facebook Canvas display. The associated page is shown exclusively on Facebook.

It is available in Components for use in the Wish List layout.

Wish List Content

This widget works together with the Wish List Header widget to display the appropriate wish list to the shopper. In the administration interface, Layout preview, only the logged out state of this widget is displayed, showing no content. In the Storefront preview, providing an example of when the shopper is logged in, the contents of widget are then visible.

It is available in Components for use in the Wish List layout.

Wish List Header

This widget provides wish list management features that include the uploading of a profile image, selecting the wish list to be displayed, and creating a wish list. In Layout preview, only the logged out state of this widget is displayed: an empty line. In Storefront preview, when the shopper is logged in, this widget is visible. When not logged in, this widget is not visible.

This widget works with the Wish List Content widget to display the appropriate wish list to the shopper.

It is available in Components for use in the Wish List layout.

Wish List Invitation

This widget is a logical widget with no UI, handling the wish list acceptance flow. It creates a link to the shopper’s email client so the shopper can send an invitation to a family member/friend to view their wish list. This widget is included OOB and works by default. Nothing needs to be configured to enable it. However, if customization is desired, make changes to the widget in code view.

The wish list invite acceptance flow involves logging out the current user and triggering the invitation modal. Once the invitee logs back in to create a new account (for new users) or logs in as a registered shopper, the link validates the invitation token and joins the new member to the associated wish list. The widget handles the behavior of members accessing a wish list.

It is available in Components for use in the Wish List layout.

Wish List Notification

This widget allows shoppers to opt in/opt out of their wish list email notifications. Notifications include:

The logged out state is shown in the preview.

It is available in Components for use in the Wish List Profile layout, found under Shopper Wish List Profile.

Wish List Settings Header

This widget displays the title and Back to My Account button for the Wish List Settings page.

It is available in Components for use in the Wish List Profile layout, found under Shopper Wish List Profile.

Wish List Welcome

This widget allows the merchant to provide general welcome information to a shopper about the wish list capability on their site, such as messaging to encourage wish list creation, wish list features, and benefits of having a wish list. In the administration interface, Layout preview, only the logged out state of this widget is displayed, showing the introductory welcome message that a non-logged-in shopper sees when accessing a wish list, as well as log in and create an account buttons.

The Wish List Welcome and Wish List Content Header widgets are associated. The Wish List Welcome widget displays the logged out UI. The Wish list Header and Wish list Content widgets show the logged in UI. The Wish List Header widget determines which wish list to show, and Wish list Content widget shows the wish list determined by the Wish List Header widget.

It is available in Components for use in the Wish List layout.