Bazaarvoice Reviews & Photos app for Shopify
The Bazaarvoice Reviews & Photos app enables Shopify merchants to collect, display, and distribute user-generated content.
The app features an easy-to-use control panel that:
- Displays ratings and reviews, and questions and answers on product pages
- Displays star ratings on collection pages
- Displays visual and social galleries on product, collection, and home pages
- Enables conversion tracking and automated review request messages
- Supports multiple Shopify stores
You will need a Bazaarvoice account to use Bazaarvoice Reviews & Photos. To create an account, get in touch with Bazaarvoice .
To get assistance with Bazaarvoice Reviews & Photos, contact Bazaarvoice Support.
What you'll learn (2.0 theme)
Before you begin (2.0 theme)
In Shopify, make sure that:
- each of your active Shopify products or product variants has a defined barcode in Shopify. This can be a GTIN, UPC, or ISBN.
- the product vendor matches the brand name of the Shopify product. The vendor will be sent as the "brand" to Bazaarvoice.
To find and install the Bazaarvoice Reviews & Photos app:
- Sign in to your Shopify admin panel .
- Select the search bar at the top of the page and select Apps.
- Search for Bazaarvoice Reviews & Photos.
- After you’ve reviewed the permissions required by the Bazaarvoice Reviews & Photos app, select Install App. It will then open automatically.
Add Ratings & Reviews to your 2.0 theme store
To add Ratings & Reviews to your account, display ratings and reviews on your store, and ensure search engines index them, follow the below steps.Step 1: Set up your account
Enter your account details and configure settings in the Setup tab.- Enter your account details. Use the client name, username, and password Bazaarvoice provided when setting up your account.
If you’re unable to find these details, contact Bazaarvoice Support.
Account details Description Example Bazaarvoice client name Enter the client name Bazaarvoice provided when setting up your account. widgetscom Username Enter the SFTP username Bazaarvoice provided when setting up your account. widgetscom Password Enter the SFTP password Bazaarvoice provided when it set up your account. Note: To reset your SFTP password, reach out to the Bazaarvoice contact that manages your product feed or contact Bazaarvoice Support. Bazaarvoice only accepts SFTP password reset requests from users we identify as a client’s technical contact or account administrator.Q3%4lnb7$3 Environment Select Staging to test your configurations. Select Production to collect and display customer content in your live environment. Staging (default setting) Locale Enter your store’s locale. To construct a locale code, combine the language code with the country code.
en_US (American English) - Select Enable Ratings to enable the display and collection of review content in your Shopify store.
- Select Enable App Pixel to enable the installation of Bazaarvoice App Pixel to your Shopify store.
- Select Continue.
Account details | Description | Example |
---|---|---|
Deployment zone | Use your deployment zone to manage your look and feel across multiple Shopify stores.
If you manage only one Shopify store, enter Main Site. Enter a different name if your configuration applies to connected products across multiple Shopify stores. |
Main Site (default setting) |
GTIN location | Select where you define GTINs (UPC, EAN, or ISBN) in Shopify. Select Barcode unless you store GTINs as a SKU. | Barcode (default setting) |
GTIN type | Specify the GTIN type for your Shopify products. Select UPC (in North America), EAN (in Europe), or ISBN (for books). | UPC (default setting) |
Send categories | Select Yes to send product category information to Bazaarvoice. | Yes (default setting) |
Enable multi-store products | Select Yes to connect products across multiple Shopify stores you manage. If you manage only one store, select No. | No (default setting) |
Enable multi-store categories | Select Yes to organize products into category trees across multiple Shopify stores you manage. If you manage only one store, select No. | No (default setting) |
Send review requests | To send review request email messages after an order is fulfilled, select Fulfillment date.
To send review request email messages after an order is made, select Transaction date. Note: To use this setting, select Activate in Send daily updates > Daily order update. This enables Bazaarvoice to send review requests to your customers.
Before using this setting, you need to make updates to the Bazaarvoice Portal:
Note: If you haven't fulfilled all products in an order, review requests will not be sent for any products in the order. Review requests will only be sent when you've fulfilled all items in an order. If any products in an order are cancelled, review requests will be sent only for fulfilled products in the order.
|
|
Send daily updates | Send daily product and order updates to Bazaarvoice. | |
Daily product update | Select Activate to send a daily product update to Bazaarvoice. | Activate |
Daily order update | Select Activate to send a daily order update to Bazaarvoice. This enables us to send review requests to your customers.
If you’re using BV Pixel to send review requests, select Deactivate. |
Deactivate |
Send customer order data | ||
Orders | Send data to Bazaarvoice about your orders within a set timeframe. This data enables us to send review requests to your customers.
Note: Consult your Bazaarvoice representative before sending this data. |
Start date: 05/11/2021
End date: 05/18/2021 |
Step 2: Publish and display content on your Shopify store
Select the Publish and display tab to:- Display ratings, reviews, and questions and answers on your product pages
- Display inline ratings on your collection pages
Product page
Your product pages can display rating summaries, reviews, and questions and answers. To add any of these content types to your product pages:- Open your Shopify theme .
- In your current theme, select Customize.
- From the drop-down menu at the top of the page, select Products > Default product.
- From the menu on the left side of the page, add a block or section to your product template for the following content types:
Content type Description Code snippet from app block Ratings summary Display a product’s average star rating and a link to leave a review. The ratings summary is usually placed at the top of the page near the product title. <div data-bv-show="rating_summary" data-bv-product-id=""></div>
Reviews Display a list of consumer ratings and reviews for a product. This list is usually placed below the product image and description. <div data-bv-show="reviews" data-bv-product-id=""></div>
Questions and Answers Display consumer questions and answers for a specific product. Questions and answers are usually placed below the product image and description. <div data-bv-show="questions" data-bv-product-id=""></div>
Review Highlights Display a high-level summary of positive, neutral, and negative ratings and reviews. Review Highlights are usually placed above the reviews block or section. Note: Before you implement Review Highlights, be aware of the following requirements and limitations:- To implement Review Highlights, ensure your product has at least ten native or syndicated reviews.
- You cannot display Review Highlights inside your reviews block or section.
- Review Highlights is only available in English.
<div data-bv-show="review_highlights" data-bv-product-id=""></div>
- If necessary, move the blocks and sections you’ve added to where you want them to appear in the product template.
- Save your changes.
Collection page
Your collection pages can display inline ratings that show an average star rating for each featured product. To add inline ratings to your collection pages:- Open your Shopify Theme .
- In your current theme, select Edit code from the menu .
- From the list of folders on the left side of the page, find the file containing your collection page code by searching in each folder or by entering the file name in the search field.
The file is usually named product-card-list.liquid, product-card-grid.liquid, product-grid-item.liquid, or collection.liquid. It is most likely to be in the Templates folder, but may be in the Sections or Snippets folders.
- Ensure you’re using the correct file by adding placeholder text and confirming you can see this text below the product thumbnail.
- Once you’re satisfied with the placement of your placeholder text, replace it with the below Bazaarvoice inline ratings code to display star ratings.
<div data-bv-show="inline_rating" data-bv-product-id="{{product.id}}" data-bv-redirect-url="{{ product.url }}" data-bv-seo="false"></div>
- Save your changes.
Step 3: Update your SEO settings
Configure your SEO settings in product pages only to ensure search engines index your reviews.To update your SEO settings:
- Open your Shopify Theme .
- In your current theme, select Edit code from the menu .
- From the list of folders on the left side of the page, find the file containing the JSON LD block:
- In your current theme, select Download theme file from the menu .
- In the files you’ve downloaded, search for the JSON LD block and note which files contain it.
- Return to Shopify and select the file or files containing the JSON LD block.
- Add
"@id" : "{{shop.url}}{{ product.url }}",
to the JSON LD block, as the following example shows:<script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Product", "@id" : "{{shop.url}}{{ product.url }}", … } </script>
- Save your changes.
<script type="application/ld+json">
Add Galleries to your 2.0 theme store
To add Galleries to your account and display galleries of tagged products on your store, follow the below steps.Step 1: Set up your account
Enter your account details and configure settings in the Setup tab.- Enter your account details. Use the client name, username, password, and client ID Bazaarvoice provided when setting up your account.
If you’re unable to find these details, contact Bazaarvoice Support.
- Select Enable Galleries to enable Bazaarvoice galleries to appear on your Shopify store.Note: Leaving this box unchecked will disable Galleries for your Shopify store.
- Select Continue.
Account details | Description | Example |
---|---|---|
Bazaarvoice client name | Enter the client name Bazaarvoice provided when setting up your account. | widgetscom |
Locale | Enter your store’s locale.
To construct a locale code, combine the language code with the country code. |
en_US (American English) |
Username | Enter the SFTP username Bazaarvoice provided when setting up your account. | widgetscom |
Password | Enter the SFTP password Bazaarvoice provided when it set up your account.
Note: To reset your SFTP password, reach out to the Bazaarvoice contact that manages your product feed or contact Bazaarvoice Support. Bazaarvoice only accepts SFTP password reset requests from users we identify as a client’s technical contact or account administrator. |
Q3%4lnb7$3 |
Gallery site name | Enter the unique gallery site name on the My Account page in the Social Commerce portal . | widgetscom-cmzpvk |
Client ID | Enter the client ID Bazaarvoice provided when setting up your account. | 12345 |
Step 2: Add Galleries code to your store pages
To display galleries in your home, product, and collection pages, add blocks or sections from the Publish your Galleries tab to your Shopify theme files.- Open your Shopify Theme .
- In your current theme, select Customize.
- Add a gallery to your home, product, and collection pages.
Home page:
- From the drop-down list at the top of the page, select Home page.
- Use the Home page menu to add blocks or sections as required.
- Drag the Homepage gallery from the Home page menu to where you want it to appear in your store.
Product page:
- From the drop-down list at the top of the page, select Products > Default product.
- Use the Default product menu to add blocks or sections as required.
- Drag the Product page gallery from the Home page menu to where you want it to appear in your store.
Category page:
- From the drop-down list at the top of the page, select Collections > Default collection.
- Use the Default collection menu to add blocks or sections as required.
- Drag the Category page gallery from the Home page menu to where you want it to appear in your store.
Other pages:
- From the drop-down list at the top of the page, select the template to which you’d like to add a custom gallery.
- Use the menu on the left side of the screen to add blocks or sections as required.
- Drag the Custom gallery from this menu to where you want it to appear in your store.
Note: You can add custom galleries of tagged products anywhere in your store. Find out how to add an Email Gallery . - Save your changes.
Step 3: Update the Galleries code
To update the Galleries code you’ve added to your store pages for each gallery you want to display:- In the Social Commerce portal , select the gallery you want to display in your Shopify store.
- Copy the unique container ID from the URL in your browser's search bar. For example, you would copy
gallery-XYZ
from the below URL. - Paste the unique container ID to the app block for the gallery.
- Save your changes.
https://app.curalate.com/galleries/website?containerId=gallery-XYZ
What you'll learn (vintage theme)
Before you begin (vintage theme)
In Shopify, make sure that:
- each of your active Shopify products or product variants has a defined barcode in Shopify. This can be a GTIN, UPC, or ISBN.
- the product vendor matches the brand name of the Shopify product. The vendor will be sent as the "brand" to Bazaarvoice.
To find and install the Bazaarvoice Reviews & Photos app:
- Sign in to your Shopify admin panel .
- Select the search bar at the top of the page and select Apps.
- Search for Bazaarvoice Reviews & Photos.
- After you’ve reviewed and approved the permissions required by the Bazaarvoice Reviews & Photos app, select Install App. It will then open automatically.
Add Ratings & Reviews to your vintage theme store
To add Ratings & Reviews to your account, display ratings and reviews on your store, and ensure search engines index them, follow the below steps.Step 1: Set up your account
Enter your account details and configure settings in the Setup tab.Enter your account details. Use the client name, username, and password Bazaarvoice provided when setting up your account.
If you’re unable to find these details, contact Bazaarvoice Support.Account details Description Example Bazaarvoice client name Enter the client name Bazaarvoice provided when setting up your account. widgetscom Username Enter the SFTP username Bazaarvoice provided when setting up your account. widgetscom Password Enter the SFTP password Bazaarvoice provided when it set up your account. Note: To reset your SFTP password, reach out to the Bazaarvoice contact that manages your product feed or contact Bazaarvoice Support. Bazaarvoice only accepts SFTP password reset requests from users we identify as a client’s technical contact or account administrator.Q3%4lnb7$3 Environment Select Staging to test your configurations. Select Production to collect and display customer content in your live environment. Staging (default setting) Locale Enter your store’s locale. To construct a locale code, combine the language code with the country code.
en_US (American English) - Select Enable Ratings to enable the display and collection of review content in your Shopify store.
- Select Enable App Pixel to enable the installation of Bazaarvoice App Pixel to your Shopify store.
- Select Continue.
Account details | Description | Example |
---|---|---|
Deployment zone | Use your deployment zone to manage your look and feel across multiple Shopify stores.
If you manage only one Shopify store, enter Main Site. Enter a different name if your configuration applies to connected products across multiple Shopify stores. |
Main Site (default setting) |
GTIN location | Select where you define GTINs (UPC, EAN, or ISBN) in Shopify. Select Barcode unless you store GTINs as a SKU. | Barcode (default setting) |
GTIN type | Specify the GTIN type for your Shopify products. Select UPC (in North America), EAN (in Europe), or ISBN (for books). | UPC (default setting) |
Send categories | Select Yes to send product category information to Bazaarvoice. | Yes (default setting) |
Enable multi-store products | Select Yes to connect products across multiple Shopify stores you manage. If you manage only one store, select No. | No (default setting) |
Enable multi-store categories | Select Yes to organize products into category trees across multiple Shopify stores you manage. If you manage only one store, select No. | No (default setting) |
Send review requests | To send review request email messages after an order is fulfilled, select Fulfillment date.
To send review request email messages after an order is made, select Transaction date. Note: To use this setting, select Activate in Send daily updates > Daily order update. This enables Bazaarvoice to send review requests to your customers.
Before using this setting, you need to make updates to the Bazaarvoice Portal:
Note: If you haven't fulfilled all products in an order, review requests will not be sent for any products in the order. Review requests will only be sent when you've fulfilled all items in an order. If any products in an order are cancelled, review requests will be sent only for fulfilled products in the order.
|
|
Send daily updates | Send daily product and order updates to Bazaarvoice. | |
Daily product update | Select Activate to send a daily product update to Bazaarvoice. | Activate |
Daily order update | Select Activate to send a daily order update to Bazaarvoice. This enables us to send review requests to your customers.
If you’re using BV Pixel to send review requests, select Deactivate. |
Deactivate |
Send customer order data | ||
Orders | Send data to Bazaarvoice about your orders within a set timeframe. This data enables us to send review requests to your customers.
Note: Consult your Bazaarvoice representative before sending this data. |
Start date: 05/11/2021
End date: 05/18/2021 |
Step 2: Publish and display content on your Shopify store
Select the Publish and display tab to:- Display ratings, reviews, and questions and answers on your product pages
- Display inline ratings on your collection pages
- Open your Shopify theme .
- In your current theme, select Edit code from the menu .
- Find the file that contains your product page code.
The file is usually titled product.liquid or main-product.liquid. It is most likely to be in the Templates folder or, less frequently, the Sections folder.
- Ensure you’re using the correct file by adding placeholder text and confirming it’s visible on the product page.
- Once you’re satisfied with the placement of your placeholder text, replace it by pasting code snippets wherever you'd like to display the below content types.
- To implement Review Highlights, ensure your product has at least ten native or syndicated reviews.
- You cannot display Review Highlights inside your reviews block or section.
- Review Highlights is only available in English.
- Save your changes.
- Open your Shopify Theme .
- In your current theme, select Edit code from the menu .
- From the list of folders on the left side of the page, find the file containing your collection page code by searching in each folder or by entering the file name in the search field.
The file is usually named product-card-list.liquid, product-card-grid.liquid, product-grid-item.liquid, or collection.liquid. It is most likely to be in the Templates folder, but may be in the Sections or Snippets folders.
- Ensure you’re using the correct file by adding placeholder text and confirming you can see this text below the product thumbnail.
- Once you’re satisfied with the placement of your placeholder text, replace it with the following Bazaarvoice inline ratings code to display star ratings:
<div data-bv-show="inline_rating" data-bv-product-id="{{product.id}}" data-bv-redirect-url="{{ product.url }}" data-bv-seo="false"></div>
- Save your changes.
- Open your Shopify Theme .
- In your current theme, select Edit code from the menu .
- From the list of folders on the left side of the page, find the file containing the below JSON LD block.
- In your current theme, select Download theme file from the menu .
- In the files you’ve downloaded, search for the JSON LD block and note which files contain it.
- Return to Shopify and select the file or files containing the JSON LD block.
- Add
"@id" : "{{shop.url}}{{ product.url }}",
to the JSON LD block, as the below code block shows. - Save your changes.
- Enter your account details. Use the client name, username, password, and client ID Bazaarvoice provided when setting up your account.
If you’re unable to find these details, contact Bazaarvoice Support.
- Select Enable Galleries to enable Bazaarvoice galleries to appear on your Shopify store.
Note: Leaving this box unchecked will disable Galleries for your Shopify store.
- Select Continue.
- Open your Shopify Theme .
- In your current theme, select Edit code from the menu .
- Add a gallery to your home, product, and collection pages.
- Select the Templates folder from the list on the left side of the page.
- Select either the index.liquid or theme-template.liquid file containing your home page code.
- Paste the following code where you want to add your home page gallery:
- Select the file that contains your product page code.
- Paste the following code where you want to add your product page gallery:
- Select the file that contains your collection page code.
- Paste the following code where you want to add your category page gallery:
- Select the file where you’d like to add your gallery.
- Update your
<div>
tag with your unique container ID, for example: - Paste the updated
<div>
tag where you want your gallery to appear. - Save your changes.
- In the Social Commerce portal , select the gallery you want to display in your Shopify store.
- Copy the unique container ID from the URL in your browser's search bar. For example, you would copy
gallery-XYZ
from the below URL. - Open your Shopify Theme .
- In your current theme, select Edit code from the menu .
- Find the file that contains the code you need to update. From the list of folders on the left side of the page, find the file containing the code you need to update.
- Paste the unique container ID into the
<div>
tag. For example, you would paste"12345"
into the below<div>
tag. - Save your changes.
Product page
Your product pages can display rating summaries, reviews, and questions and answers. To add any of these content types to your product pages:Content type | Description | Code snippet to add to file |
---|---|---|
Ratings summary | Display a product’s average star rating and a link to leave a review. The ratings summary is usually placed at the top of the page near the product title. | <div data-bv-show="rating_summary" data-bv-product-id=""></div> |
Reviews | Display a list of consumer ratings and reviews for a product. This list is usually placed below the product image and description. | <div data-bv-show="reviews" data-bv-product-id=""></div> |
Questions and Answers | Display consumer questions and answers for a specific product. Questions and answers are usually placed below the product image and description. | <div data-bv-show="questions" data-bv-product-id=""></div> |
Review Highlights | Display a high-level summary of positive, neutral, and negative ratings and reviews. Review Highlights are usually placed above the reviews block or section.
Note: Before you implement Review Highlights, be aware of the following requirements and limitations:
|
<div data-bv-show="review_highlights" data-bv-product-id=""></div> |
Collection page
Your collection pages can display inline ratings that show an average star rating for each featured product. To add inline ratings to your collection pages:Step 3: Update your SEO settings
Configure your SEO settings in product pages only to ensure search engines index your reviews.To update your SEO settings:
<script type="application/ld+json">
<script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Product", "@id" : "{{shop.url}}{{ product.url }}", … } </script>
Add Galleries to your vintage theme store
To add Galleries to your account and display galleries of tagged products on your store, follow the below steps.Step 1: Set up your account
Enter your account details and configure settings in the Setup tab.Account details | Description | Example |
---|---|---|
Bazaarvoice client name | Enter the client name Bazaarvoice provided when setting up your account. | widgetscom |
Locale | Enter your store’s locale.
To construct a locale code, combine the language code with the country code. |
en_US (American English) |
Username | Enter the SFTP username Bazaarvoice provided when setting up your account. | widgetscom |
Password | Enter the SFTP password Bazaarvoice provided when it set up your account.
Note: To reset your SFTP password, reach out to the Bazaarvoice contact that manages your product feed or contact Bazaarvoice Support. Bazaarvoice only accepts SFTP password reset requests from users we identify as a client’s technical contact or account administrator. |
Q3%4lnb7$3 |
Gallery site name | Enter the unique gallery site name on the My Account page in the Social Commerce portal . | widgetscom-cmzpvk |
Client ID | Enter the client ID Bazaarvoice provided when setting up your account. | 12345 |
Step 2: Add Galleries code to your store pages
To display galleries in your home, product, and collection pages, add blocks or sections from the Publish your Galleries tab to your Shopify theme files.Home page:
<div data-crl8-container-id='homepage' data-crl8-locale='en_US'></div>
Product page:
<div crl8-container-id='product' data-crl8-locale='en_US' crl8-filter="productId:''"></div>
Collection page:
<div crl8-container-id='category' data-crl8-locale='en_US' crl8-filter="category:''"></div>
Other pages:
<div data-crl8-container-id='gallery-XYZ' data-crl8-locale='en_US'> </div>
Step 3: Update the Galleries code
To update the Galleries code you’ve added to your store pages for each gallery you want to display:https://app.curalate.com/galleries/website?containerId=gallery-XYZ
If you’re updating a product page, the file is usually titled product.liquid or main-product.liquid. It is most likely to be in the Templates folder, but may be in the Sections folder.
If you’re updating a collection page, the file is usually titled product-card-list.liquid, product-card-grid.liquid, product-grid-item.liquid, or collection.liquid. It is most likely to be in the Templates folder, but may be in the Sections or Snippets folders.
<div data-crl8-container-id="12345" data-crl8-locale='en_US'></div>