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.

Note: The steps on this page apply only to stores using a Shopify 2.0 theme . For stores using a Shopify vintage theme, follow the steps in the below Shopify vintage tab.

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:

  1. Sign in to your Shopify admin panel .
  2. Select the search bar at the top of the page and select Apps.
  3. Search for Bazaarvoice Reviews & Photos.
  4. After you’ve reviewed the permissions required by the Bazaarvoice Reviews & Photos app, select Install App. It will then open automatically.
Once you’ve decided which Bazaarvoice product you want to add (Ratings & Reviews or Galleries), select Get started for your selected product.

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.
Note: Completing these steps takes approximately 20 minutes.

Step 1: Set up your account

Enter your account details and configure settings in the Setup tab.
  1. 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)
  2. Select Enable Ratings to enable the display and collection of review content in your Shopify store.
  3. Note: Leaving this box unchecked will disable Ratings & Reviews for your store.
  4. Select Continue.
Note: You can enter further account details and configure advanced settings for Ratings & Reviews by selecting Advanced settings in this screen or Settings in the upper-left corner of the app.
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:

  1. Sign in to the Bazaarvoice Portal .
  2. From the upper-right corner, select the settings icon settings icon.
  3. Select Configuration.
  4. Select an instance.
  5. Select Go to Configuration. The Site Manager appears, listing the available deployment zones and implementations.
  6. Under Implementations, use the filter to find the name of the implementation you require.
  7. Select Edit next to the implementation you want to configure.
  8. From the menu on the left side of the page, select Configure Messages.
  9. In the Settings tab, go to the Review Requests section.
  10. Under Trigger messages, select By feed.
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
  • Collect transaction data from your checkout pages to power conversion impact reports and automated review request messages

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:
  1. Open your Shopify theme .
  2. In your current theme, select Customize.
  3. From the drop-down menu at the top of the page, select Products > Default product.
  4. 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>
  5. If necessary, move the blocks and sections you’ve added to where you want them to appear in the product template.
  6. 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:
  1. Open your Shopify Theme .
  2. In your current theme, select Edit code from the menu .
  3. 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.

  4. Ensure you’re using the correct file by adding placeholder text and confirming you can see this text below the product thumbnail.
  5. 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>
  6. Save your changes.

Checkout page

Your checkout pages can collect data to power conversion impact reports and automated review request messages. To enable this functionality and add BV Pixel code to your checkout page:
  1. Open Checkout and accounts .
  2. Go to the Order status page section at the bottom of the page and ensure the following conversion-tracking code snippet appears in the Additional scripts text area:
    <script type = "text/javascript" >
                            if (Shopify.Checkout.step == 'thank_you')
                            {
                                window.bvCallback = function(BV)
                                {
                                    BV.pixel.trackTransaction(
                                    {
                                        "orderId": "{{ order_number }}",
                                        "total": "{{ subtotal_price | money_without_currency | remove: ',' }}",
                                        "shipping": "{{ shipping_price | money_without_currency | remove: ',' }}",
                                        "discount": "{{ discounts_amount | money_without_currency | remove: ',' }}",
                                        "tax": "{{ tax_price | money_without_currency | remove: ',' }}",
                                        "currency": "{{ shop.currency }}",
                                        "items": [
                                        {% for line_item in line_items %}
                                        {
                                            "productId": "{{ line_item.product_id }}",
                                            "name": "{{ line_item.title }}",
                                            "price": "{{ line_item.price | money_without_currency | remove: ',' }}",
                                            "quantity": "{{ line_item.quantity }}",
                                        },
                                        {% endfor %}],
                                        {% if customer.first_name %}
                                        "nickname": "{{ customer.first_name }}",
                                        {% endif %}
                                        "email": "{{ customer.email }}",
                                        "locale": "en_US",
                                        "source": "Shopify_BV_Plugin",
                                        "sourceVersion": "Shopify_BV_Plugin_V2.4"
                                    });
                                };
                            }
                        </script>
  3. In the above code snippet, update "locale": "en_US", to your locale by replacing "en_US".
  4. 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:

  1. Open your Shopify Theme .
  2. In your current theme, select Edit code from the menu .
  3. From the list of folders on the left side of the page, find the file containing the JSON LD block:
  4. <script type="application/ld+json">

    Note: You can usually find the JSON LD block in the theme.liquid file in the Layout folder. If your store contains recipes or non-purchasable items, the block may be in your product page theme files. To find the block in these files:
    1. In your current theme, select Download theme file from the menu .
    2. In the files you’ve downloaded, search for the JSON LD block and note which files contain it.
    3. Return to Shopify and select the file or files containing the JSON LD block.
  5. 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>
  6. Save your changes.

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.
Note: Completing these steps takes about 20 minutes.

Step 1: Set up your account

Enter your account details and configure settings in the Setup tab.
Note: You can also configure your Galleries settings by selecting Settings in the upper-left corner of the app.
  1. 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.

  2. 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
  3. 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.
  4. Select Continue.

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.
  1. Open your Shopify Theme .
  2. In your current theme, select Customize.
  3. 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 .
  4. 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:
  1. In the Social Commerce portal , select the gallery you want to display in your Shopify store.
  2. 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.
  3. https://app.curalate.com/galleries/website?containerId=gallery-XYZ

  4. Paste the unique container ID to the app block for the gallery.
  5. Save your changes.

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:

  1. Sign in to your Shopify admin panel .
  2. Select the search bar at the top of the page and select Apps.
  3. Search for Bazaarvoice Reviews & Photos.
  4. After you’ve reviewed and approved the permissions required by the Bazaarvoice Reviews & Photos app, select Install App. It will then open automatically.
Once you’ve decided which Bazaarvoice product you want to add (Ratings & Reviews or Galleries), select Get started for your selected product.

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.
Note: Completing these steps takes approximately 20 minutes.

Step 1: Set up your account

Enter your account details and configure settings in the Setup tab.
  1. 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)
  2. Select Enable Ratings to enable the display and collection of review content in your Shopify store.
  3. Note: Leaving this box unchecked will disable Ratings & Reviews for your store.
  4. Select Continue.
Note: You can enter further account details and configure advanced settings for Ratings & Reviews by selecting Advanced settings in this screen or Settings in the upper-left corner of the app.
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:

  1. Sign in to the Bazaarvoice Portal .
  2. From the upper-right corner, select the settings icon settings icon.
  3. Select Configuration.
  4. Select an instance.
  5. Select Go to Configuration. The Site Manager appears, listing the available deployment zones and implementations.
  6. Under Implementations, use the filter to find the name of the implementation you require.
  7. Select Edit next to the implementation you want to configure.
  8. From the menu on the left side of the page, select Configure Messages.
  9. In the Settings tab, go to the Review Requests section.
  10. Under Trigger messages, select By feed.
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
  • Collect transaction data from your checkout pages to power conversion impact reports and automated review request messages
  • 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:
    1. Open your Shopify theme .
    2. In your current theme, select Edit code from the menu .
    3. 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.

    4. Ensure you’re using the correct file by adding placeholder text and confirming it’s visible on the product page.
    5. 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.
    6. 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:
      • 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>
    7. 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:
    1. Open your Shopify Theme .
    2. In your current theme, select Edit code from the menu .
    3. 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.

    4. Ensure you’re using the correct file by adding placeholder text and confirming you can see this text below the product thumbnail.
    5. 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>
    6. Save your changes.

    Checkout page

    Your checkout pages can collect data to power conversion impact reports and automated review request messages. To enable this functionality and add BV Pixel code to your checkout page:
    1. Open Checkout and accounts .
    2. Go to the Order status page section at the bottom of the page and ensure the following conversion-tracking code snippet appears in the Additional scripts text area.
      <script type = "text/javascript" >
                              if (Shopify.Checkout.step == 'thank_you')
                              {
                                  window.bvCallback = function(BV)
                                  {
                                      BV.pixel.trackTransaction(
                                      {
                                          "orderId": "{{ order_number }}",
                                          "total": "{{ subtotal_price | money_without_currency | remove: ',' }}",
                                          "shipping": "{{ shipping_price | money_without_currency | remove: ',' }}",
                                          "discount": "{{ discounts_amount | money_without_currency | remove: ',' }}",
                                          "tax": "{{ tax_price | money_without_currency | remove: ',' }}",
                                          "currency": "{{ shop.currency }}",
                                          "items": [
                                          {% for line_item in line_items %}
                                          {
                                              "productId": "{{ line_item.product_id }}",
                                              "name": "{{ line_item.title }}",
                                              "price": "{{ line_item.price | money_without_currency | remove: ',' }}",
                                              "quantity": "{{ line_item.quantity }}",
                                          },
                                          {% endfor %}],
                                          {% if customer.first_name %}
                                          "nickname": "{{ customer.first_name }}",
                                          {% endif %}
                                          "email": "{{ customer.email }}",
                                          "locale": "en_US",
                                          "source": "Shopify_BV_Plugin",
                                          "sourceVersion": "Shopify_BV_Plugin_V2.4"
                                      });
                                  };
                              }
                          </script>
    3. In the above code snippet, update "locale": "en_US", to your locale.
    4. 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:

    1. Open your Shopify Theme .
    2. In your current theme, select Edit code from the menu .
    3. From the list of folders on the left side of the page, find the file containing the below JSON LD block.
    4. <script type="application/ld+json">

      Note: You can usually find the JSON LD block in the theme.liquid file in the Layout folder. If your store contains recipes or non-purchasable items, the block may be in your product page theme files. To find the block in these files:
      1. In your current theme, select Download theme file from the menu .
      2. In the files you’ve downloaded, search for the JSON LD block and note which files contain it.
      3. Return to Shopify and select the file or files containing the JSON LD block.
    5. Add "@id" : "{{shop.url}}{{ product.url }}", to the JSON LD block, as the below code block shows.
    6. <script type="application/ld+json">
                              {
                                  "@context" : "https://schema.org",
                                  "@type" : "Product",
                                  "@id" : "{{shop.url}}{{ product.url }}",
                                  …
                              }
                          </script>
    7. Save your changes.

    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.
    Note: Completing these steps takes about 20 minutes.

    Step 1: Set up your account

    Enter your account details and configure settings in the Setup tab.
    Note: You can also configure your Galleries settings by selecting Settings in the upper-left corner of the app.
    1. 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.

    2. 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
    3. 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.
    4. Select Continue.

    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.
    1. Open your Shopify Theme .
    2. In your current theme, select Edit code from the menu .
    3. Add a gallery to your home, product, and collection pages.
    4. Home page:

      • 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:
      • <div data-crl8-container-id='homepage' data-crl8-locale='en_US'></div>

      Product page:

      • Select the file that contains your product page code.
      • Paste the following code where you want to add your product page gallery:
      • <div crl8-container-id='product' data-crl8-locale='en_US' crl8-filter="productId:''"></div>

      Collection page:

      • Select the file that contains your collection page code.
      • Paste the following code where you want to add your category page gallery:
      • <div crl8-container-id='category' data-crl8-locale='en_US' crl8-filter="category:''"></div>

      Other pages:

      • Select the file where you’d like to add your gallery.
      • Update your <div> tag with your unique container ID, for example:
      • <div data-crl8-container-id='gallery-XYZ' data-crl8-locale='en_US'> </div>

      • Paste the updated <div> tag where you want your gallery to appear.
    5. 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:
    1. In the Social Commerce portal , select the gallery you want to display in your Shopify store.
    2. 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.
    3. https://app.curalate.com/galleries/website?containerId=gallery-XYZ

    4. Open your Shopify Theme .
    5. In your current theme, select Edit code from the menu .
    6. 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.
    7. 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.

    8. Paste the unique container ID into the <div> tag. For example, you would paste "12345" into the below <div> tag.
    9. <div data-crl8-container-id="12345" data-crl8-locale='en_US'></div>

    10. Save your changes.