You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This sample starter kit code's is to integrate Sitecore Discover with Ordercloud using a Widget-based integration and a rest API by demonstrating several practical use cases.
Banner on home page
Top products listing on home page
Search results page
Product listing pages
Similar and frequently-bought products list on PDP page
Preview search, which provides visual autocomplete functionality in the search field
After login to sandbox you can able to see the Sitecore discover dashboard.you will able to see so may options first focus on Catalog and Developer resource.
In Catalog you can able to seee list of products which generally sync from Commerce PIm but here we have sandbox already having products. So we will sync products from Sitecore Discover to Order Cloud.
Post Products import from Sitecore Discover to Ordercloud we have to setup some fields like Seller address and mapping of catalog.
Tracking site visitor information using Beacon.
The anonymous, unique user ID (UUID) is generated and assigned to visitors when the beacon is configured as a first-party to your website.
The visitor's browser stores this UUID in a first-party cookie. We can use the UUID to generate visitor profiles with previous interaction history and
the accompanying product affinity score, Discover keeps track of visitor activity on your website.
Add Beacon js to head section of index.html in Buyer app.
Copy or merge the repo code with Ordercloud headstart buyer app to integrate with the Discover.
To connect the Discover API, we must first call the access token APi in order to obtain the token, which will be passed to each and every Discover API call, whether it is pushing or reading data.The "getAccessToken" function is implemented in the ReflecktionService class to obtain the token. Please replace the value "xxxx" of "x-api-key" argument in "getAccessToken" function that you will receive from the Discov Developer Resource Dashboard "API Access " section.
Use Case 1 : Buyer app Product Listing from Discover
Function Name
Caller Function Name
Description
SearchReflektion func in ReflecktionService class
listProducts function of ProductFilterService** class
To retrieve the products from Discover, the SearchReflektion method is implemented in the RefletionService class. The "listProducts" function of the ProductFilterService class calls this function.
Use Case 2 : Gather user behavior, action, and event data, then push it to Discover for AI-based product recommendation.
Products viewed by User push to Discover
Function Name
Caller Function Name
Description
TrackProductView func in ReflecktionService class
Called in product-details.component.ts class line no 105
Pushing the product visit data to Sitecore Discover
Pushed products added to Cart by user in Sitecore Diocover
Function Name
Caller Function Name
Description
TrackAddToCart func in ReflecktionService class
Called in cart.service.ts class line no 106
Pushing the product data to Sitecore Discover which are added to cart
Pushed Order data in Sitecore Diocover submitted by user
Function Name
Caller Function Name
Description
**TrackOrderSubmit ** func in ReflecktionService class
Called in checkout.component.ts class line no 279
Pushing the Order data to Sitecore Discover which are added by user
Pushed login user data in Sitecore Diocover
Function Name
Caller Function Name
Description
**trackUserLogin ** func in ReflecktionService class
Called in current-user.service.ts class line no 59
Pushing the logged-in user data to Sitecore Discover
.
Use Case 3 : Similar and frequently-bought product recommendation on PDP page. Sitecore discover provide the out of the box feature to configure similar product
Function Name
Caller Function Name
Description
GetProductDetailWidgetData func in ReflecktionService class
Called in product-details.component.ts class line no 350 and added the frequentlyBoughtTogetherProducts & similarProducts list control in the product-details.component.html block in line no 385 & 393
Displaying similar and frequently bought products list on PDP page
.
Use Case 4 : Banner and Top product recommendation on Home page. Sitecore discover provide the out of the box feature to configure top product and banner widgit
Function Name
Caller Function Name
Description
GetHomePageWidgetData func in ReflecktionService class
Called in home.component.ts class line no 36 & 41
Displaying banner & top products list on home page