Salesforce Commerce Cloud User Guide

Multiple Language Support

The extension provides multiple UI language support for Business Manager Interface.

Add Video

Below are the steps for adding videos.

1. Navigate to Merchant Tools -> Brightcove -> Add Video
2. Select Language from the menu (the default will the default locale selected for the site):

   

3. Click the select option next to Video field.
4. In the dialog that appears, select the video file:

   

5. Click the select option next to Thumbnail field, and a similar popup dialog will appear where you can select the thumbnail file.
6. Click the select option next to Poster field, and a similar popup dialog will appear where you can select the poster file.
7. Submit the form to initiate the ingestion process:

   

8. Validate the success message on the form after submission:

   

9. You can verify that in the video was ingested successfully by logging into Brightcove Studio and navigating to the Media module:

   

10. You can also click on the video to reveal the details in order to verify the locale code:

    

Assign Videos - Categories

First we will look at the steps for assigning videos to categories.

Assign Videos to Categories

1. Navigate to Merchant Tools -> Brightcove -> Assign Video (Categories).
2. Videos are assigned to locales.
   • Locale related data can be viewed by changing the locale from the dropdown:

     

     

   • Video thumbnails can be viewed by hovering the cursor on Video ID:

     

3. Click Assign Video option to assign one or more videos.
4. Already assigned videos will appear as selected on the assign video grid:

   

5. Assigned slot cannot be used for the other videos for same locale:

   

6. Players and slots can be changed by using the respective dropdowns available in each video tile.
7. Select another video with the different slot.
8. Click the Save Video button to assign the selected videos:

   

9. Verify the assigned video and the slot:

   

10. Verify the data in category object.
11. Navigate to Merchant Tools -> Catalogs.
12. Select the catalog.
13. Select the category/sub-category.
14. Select Edit.
15. Select Category Attributes.
16. Scroll down to the Brightcove section:

    

17. To assign videos to subcategories, click on the category:

    

18. The subcategories list will appear:

    

19. Follow steps 3-16 to assign videos to subcategories.

Assign videos to Master Products

1. Navigate to Merchant Tools -> Brightcove -> Assign Video (Products).
2. Videos are assigned to locales.
   • Locale related data can be viewed by changing the locale from the dropdown:

     

     

   • Video thumbnails can be viewed by hovering the cursor on Video ID:

     

3. Click Assign Video option to assign one or more videos.
4. Already assigned videos will appear as selected on the assign video grid:

   

5. Assigned slot cannot be used for the other videos for same locale:

   

6. Players and slots can be changed by using the respective dropdowns available in each video tile.
7. Select another video with the different slot.
8. Click the Save Video button to assign the selected videos:

   

9. Verify the assigned video and the slot.

   

10. Verify the data in category object.
11. Navigate to Merchant Tools -> Products.
12. Search the product ID.
13. Select the product.
14. Select General.
15. Scroll down to the Brightcove section:

    

Assign videos to Variant Products

1. Navigate to Merchant Tools -> Brightcove -> Assign Video (Products).
2. Click on the Product ID
3. A list of variants for the selected master will appear:

   

4. Videos are assigned to locales.
   • Locale related data can be viewed by changing the locale from the dropdown:

     

     

   • Video thumbnails can be viewed by hovering the cursor on Video ID:

     

5. Click Assign Video option to assign one or more videos.
6. Already assigned videos will appear as selected on the assign video grid:

   

7. Assigned slot cannot be used for the other videos for same locale:

   

8. Players and slots can be changed by using the respective dropdowns available in each video tile.
9. Select another video with the different slot.
10. Click the Save Video button to assign the selected videos:

    

11. Verify the assigned video and the slot.

    

12. Verify the data in category object.
13. Navigate to Merchant Tools -> Products.
14. Search the product ID.
15. Select the product.
16. Select General.
17. Scroll down to the Brightcove section:

    

18. We can get a list of all the Variants assigned to the catalog for the Site.
19. Navigate to Merchant Tools -> Brightcove -> Assign Video (Products).
20. Select Variant Products

    

21. Follow the steps from 5 to 17.

Assign videos to Standard Products

1. Navigate to Merchant Tools -> Brightcove -> Assign Video (Standard Products).
2. Videos are assigned to locales.
   • Locale related data can be viewed by changing the locale from the dropdown:

     

     

   • Video thumbnails can be viewed by hovering the cursor on Video ID:

     

3. Click Assign Video option to assign one or more videos.
4. Already assigned videos will appear as selected on the assign video grid:

   

5. Assigned slot cannot be used for the other videos for same locale:

   

6. Players and slots can be changed by using the respective dropdowns available in each video tile.
7. Select another video with the different slot.
8. Click the Save Video button to assign the selected video(s):

   

9. Verify the assigned video and the slot.

   

10. Verify the data in product object.
11. Navigate to Merchant Tools -> Products.
12. Search the product ID.
13. Select the product.
14. Select General.
15. Scroll down to the Brightcove section:

    

Assign videos to Variation Groups

1. Navigate to Merchant Tools -> Brightcove -> Assign Video (Variation Groups).
2. Videos are assigned to locales.
   • Locale related data can be viewed by changing the locale from the dropdown:

     

     

   • Video thumbnails can be viewed by hovering the cursor on Video ID:

     

3. Click Assign Video option to assign one or more videos.
4. Already assigned videos will appear as selected on the assign video grid:

   

5. Assigned slot cannot be used for the other videos for same locale:

   

6. Players and slots can be changed by using the respective dropdowns available in each video tile.
7. Select another video with the different slot.
8. Click the Save Video button to assign the selected video(s):

   

9. Verify the assigned video and the slot.

   

10. Verify the data in product object.
11. Navigate to Merchant Tools -> Products.
12. Search the product ID.
13. Select the product.
14. Select General.
15. Scroll down to the Brightcove section:

    

16. We can navigate to assigned variants of the Variation Group.
17. Select Variation Group ID.

    

18. A list of variants for the selected variation group will appear.

    

Assign videos to Product Sets

1. Navigate to Merchant Tools -> Brightcove -> Assign Video (Product Sets).
2. Videos are assigned to locales.
   • Locale related data can be viewed by changing the locale from the dropdown:

     

     

   • Video thumbnails can be viewed by hovering the cursor on Video ID:

     

3. Click Assign Video option to assign one or more videos.
4. Already assigned videos will appear as selected on the assign video grid:

   

5. Assigned slot cannot be used for the other videos for same locale:

   

6. Players and slots can be changed by using the respective dropdowns available in each video tile.
7. Select another video with the different slot.
8. Click the Save Video button to assign the selected video(s):

   

9. Verify the assigned video and the slot.

   

10. Verify the data in product object.
11. Navigate to Merchant Tools -> Products.
12. Search the product ID.
13. Select the product.
14. Select General.
15. Scroll down to the Brightcove section:

    

16. We can navigate to assigned products of the Product Set.
17. Select Product Set ID.

    

18. A list of products for the selected Product Set will appear.

    

Assign videos to Product Bundles

1. Navigate to Merchant Tools -> Brightcove -> Assign Video (Product Bundles).
2. Videos are assigned to locales.
   • Locale related data can be viewed by changing the locale from the dropdown:

     

     

   • Video thumbnails can be viewed by hovering the cursor on Video ID:

     

3. Click Assign Video option to assign one or more videos.
4. Already assigned videos will appear as selected on the assign video grid:

   

5. Assigned slot cannot be used for the other videos for same locale:

   

6. Players and slots can be changed by using the respective dropdowns available in each video tile.
7. Select another video with the different slot.
8. Click the Save Video button to assign the selected video(s):

   

9. Verify the assigned video and the slot.

   

10. Verify the data in product object.
11. Navigate to Merchant Tools -> Products.
12. Search the product ID.
13. Select the product.
14. Select General.
15. Scroll down to the Brightcove section:

    

16. We can navigate to assigned products of the Product Bundle.
17. Select Product Bundle ID.

    

18. A list of products for the selected Product Bundle will appear.

    

Embed Video

The embed video steps allow you to get code to render videos on any ISML page.

1. Navigate to Merchant Tools -> Brightcove -> Embed Video.
2. Select the video and player you want and click Get Code:

   

3. A popup dialog will appear with the code - select the code block, and it will be copied to the clipboard:

   

4. Paste the code in content asset, content slot or in any ISML template to render video.

Bulk upload

Bulk upload allows to ingest videos in bulk quantity by uploading .csv files. The job will process the .csv file(s) and ingest the videos to the Brightcove account. A sample bulkUpload file is attached in the zip file under meta directory.

1. Navigate to Merchant Tools -> Brightcove -> Bulk Upload.
2. Select .csv file.
3. Click submit:

   

4. The file will upload in Temp directory under bulkUpload folder.

   

5. File data:

   

6. Navigate to Administration -> Jobs.
7. Select Bulk-Upload job and click Run.
8. Verify the job completion status.

   

9. Verify the video object in Brightcove account.

   

10. The file processed by Bulk-Upload job will be moved to bulkUpload_processed folder under Temp directory.

    

Bulk assign

Bulk assign allows to assign video(s) to categories, sub-categories and products in bulk quantity by uploading .csv file(s). Bulk assign allows to assign video(s) to categories, sub-categories and products in bulk quantity by uploading .csv file(s). The sample bulkAssign file(s) for category and product are attached in the zip file under the meta directory.

The job will process csv file(s) for category and product under during the same execution. The job checks the directories for product and category, and processes the file(s).

The category file data looks like this:

The product file data looks like this:

The job will process csv file(s) for category and product under the same execution. The job checks the directories for product and category and process the file(s).

Category

1. Navigate to Merchant Tools -> Brightcove -> Bulk Assign.
2. Select Category.
3. Select .csv file.
4. Click Submit:

   

5. The file will upload in the Temp directory under the {SITE-ID}/bulkAssignCategory folder.

   

6. Navigate to Administration -> Jobs.
7. Select the Bulk-Assign job and click Run.
8. Verify the job completion status.

   

9. Verify the video(s) assigned.

   

10. The file processed by Bulk-Assign job will be moved to the bulkAssignCategory_processed folder under the Temp directory.

Product

1. Navigate to Merchant Tools -> Brightcove -> Bulk Assign.
2. Select Product.
3. Select .csv file.
4. Click Submit:

   

5. The file will upload in the Temp directory under the {SITE-ID}/bulkAssignProduct folder.

   

6. Navigate to Administration -> Jobs.
7. Select the Bulk-Assign job and click Run.
8. Verify the job completion status.

   

9. Verify the video(s) assigned.

   

10. The file processed by Bulk-Assign job will be moved to the bulkAssignProduct_processed folder under the Temp directory.

Sample implementations

Below are some pages for a sample implementation of Brightcove videos.

Storefront Reference Architecture (SFRA)

Category (catlanding, searchResultsNoDecorator)

Product Page Master/Variant Products (productDetails)

Product Page - Standard Products (product details)

Product Page - Variation Group (product details)

Product Page - Product Set (set details)

Product Page - Product Bundle (bundle details)

SiteGenesis Architecture

Category Page (catlanding, categoryproducthits)

Product Page - Master/Variant (productcontent, producttopcontent)

Product Page - Standard Products (productcontent, producttopcontent)

Product Page - Variation Group (productcontent, producttopcontent)

Product Page - Product Set (producttopcontentPS)

Product Page - Product Bundle (producttopcontentPS)