Using the Conversations configuration hub, you can customize how consumer-generated content (CGC) is displayed on your website.

Note: If you collect and display CGC in multiple locales and languages, be sure to style localized content after completing the steps in this section.

After you add the Bazaarvoice hosted display code to your website, you can configure and style the display. In particular, you can use the Style Detector and Style Editor to import and customize fonts, colors, border, and background settings. You can also customize the text and labels that are displayed alongside Bazaarvoice content on your site.

Design considerations

Bazaarvoice recommends that you design your content display to be the following:

Make ratings and reviews easy to find:

  • Use prominent stars that contrast with the dominant page color.

    Accepting stars as your main rating graphic of choice boosts usability and your brand because the meaning of the star is ubiquitous and easily understood. Stars work for many different products and services, thanks to their generality. And stars can be styled with your brand's accent colors to help them stand out on a page.

  • Display as many reviews as possible on each page without creating clutter (up to 10 reviews).

Enable users to digest multiple reviews quickly:

  • Design reviews so that each review has a clear visual fingerprint.
  • Use contrast in type (size, weight, and color) to convey hierarchy.

    Mixing in new font sizes and colors to your style guide can boost usability. Variety helps to give the user a clear starting point and making complex content easier to digest, and it prevents information overload by highlighting primary elements (such as review titles) and scaling back less important elements (such as dates).

  • Create visual anchors to make jumping from review to review easy. For example, add a "Next Review" button or prompt.
  • Use white space to define review regions.

    White space is essential to making your content easier to scan and read, because it defines and shapes review regions, makes the presentation of content more appealing and attractive, reduces eye fatigue when increasing line-height of the body copy to at least 150% of the font size, and allows you to position elements both horizontally and vertically, helping to create logical groupings of similar content.

  • Display large review titles.

Emphasize that reviews come from everyday users. When you elevate the reviewer's voice, you reinforce the authentic, personal nature of the content and enhance the credibility of your content. Illustrate that reviews are written by real people by using visual cues, such as the following:

  • Word bubbles
  • Large quotation marks
  • Italic text
  • Avatar icons
  • User information grouping

Make relevant review information easy to find:

  • Create large graphical elements.
  • Have clear and inviting calls to action. For example, add "vote to promote" style buttons to promote helpful reviews.
  • Design to be friendly and accessible, so you can display more reviews without overwhelming users.
  • Set type in narrow column widths.

The following example shows a Ratings and Reviews display with reviews in different languages, reviews with content, and ratings-only reviews:

In addition, you can use the "blur test" to determine if customers can scan an implementation easily. An implementation with visual anchors and a clear information hierarchy creates a distinct fingerprint. It is easy for consumers to scan or quickly get the sentiment of multiple reviews without reading each one.

The following example shows a common design layout.

When you remove color and textual information from your layout, the ease of the design becomes apparent:

Apply styles from your website

Use the Style Detector page to discover the fonts, colors, border, and background settings used on your website and apply them to your Bazaarvoice hosted display implementation. After styles are detected, they are added to the list of available options on the Style Detector and Style Editor pages. Note that existing style options are not removed, and updates made to styles in the Style Editor are not reflected on the Style Detector page.

Tip: You can ask your implementation team to make specific fonts available to you in addition to the fonts obtained through the Style Editor.

Bazaarvoice recommends that you use the Style Detector first and then modify the styles as described in Customize display details.

Watch this short video to learn how to use the Style Detector:

To apply styles to headings, HTML tags, links, and buttons of the Bazaarvoice hosted display, complete these steps using the Style Detector:

  1. Log in to the Bazaarvoice Workbench and then click Settings » Manage Applications. The Site Manager page is displayed.
  2. Edit the implementation where you want to customize styles.
  3. Click Style Detector in the User Experience section of the configuration hub.
  4. Type the URL of a product display page on your company's website in the Step 1 - Enter a web address to detect styles from field, and then click Get Styles. Colors and fonts detected on the site are displayed on the Style Detector page.
  5. In the Step 2 - Review detected styles section, review the styles suggested for each element of your site's hosted display:
    • Click See where this applies to list where the element is displayed on your site's hosted display. You can view the Style Editor page to see examples of the elements. Here is an overview of how the detected styles relate to style elements in your display:

      • Accent Color applies to icon (star and bar) styles
      • Neutral Color applies to icon (star and bar) styles
      • Headings applies to font styles for headings
      • Body applies to background and font styles
      • Links applies to font styles in links
      • Subheadings applies to font styles in subheadings
      • Buttons applies to background, border, and font styles of buttons
      • Hover Buttons applies to background and font styles of buttons
    • Change the selected style option by clicking the sample color or drop-down arrow and choosing a new option.
    • Select Apply Configuration to include the style change when applying the detected styles to the configuration in step 6. Styles are not applied to your implementation unless you select this check box.
  6. In the Step 3 - Preview Display section, click Preview Display to review how styles will look on the hosted display after you apply them.
  7. Repeat steps 3 and 4 to change and preview settings.
  8. To apply the selected style configurations to your hosted display, click Apply to Configuration in the Step 4 - Apply detected styles to configuration section.

You can refine your display settings further by customizing the following:

Customize display details

The Style Editor page of the configuration hub enables you to perform the following tasks:

  • Turn on display modules for Questions and Answers, inline ratings, and Review Highlights (if these features are enabled in your implementation). Ratings and Reviews are turned on by default and cannot be turned off.

    Tip: Even if you add integration code to your pages, you must turn on each display module on the Style Editor page to make the module visible on pages.
  • Customize styles of Bazaarvoice display modules. For example, you can customize the fonts and stars used in the Review Highlights display module.

    Tip: Refer to the Content Display Style Guide for information on how to style features using the Style Editor. This guide maps the Style Editor menu options to display components using a key and tooltips.

To view the Style Editor page:

  1. Log in to the Bazaarvoice Workbench and then click Settings » Manage Applications. The Site Manager page is displayed.
  2. Edit the implementation where you want to style the display.
  3. In the User Experience section of the configuration hub, click Style Editor. For each feature that is enabled in your implementation, the Style Editor page renders a preview of the display elements.

    The left side of the page is referred to as the preview, and the right side of the page is referred to as the style editor. The Style Editor page may take a few minutes to load or render the preview.

Turn on display modules

You must turn on each display module, except Ratings and Reviews, to display it on your website. Even if you add integration code to your pages, you must turn on the module on the Style Editor page to make the module visible on pages.

  1. On the Style Editor page, select the locale to preview from the drop-down list, if applicable. This is for preview purposes only; you cannot configure styles per locale. Styles are applied to all locales.
  2. If Questions and Answers, inline ratings, or Review Highlights is enabled in your implementation, click the ON/OFF toggle to the right of each feature section to turn on its display module so that it is shown on your webpages.

Follow the steps in the next sections below to style the elements of your choice.

Choose what is displayed in each module

For each module, you can determine what is displayed on the page. For example, you can choose to include a "Write a review" link in the rating summary but exclude the "Ask a question" link. Or, you can choose to display the most helpful reviews side-by-side at the top of the reviews section.

To choose options, click Edit to the right of the module title. Here are the available options:

  • Rating summary
    • Include or exclude the "Write a review" link in the rating summary.
    • Include or exclude the "Ask a question" link in the rating summary.
    • Determine the layout of the rating summary: minimal or detailed.
  • Reviews
    • Include or exclude the "Write a review" button in the body of reviews.
    • Include or exclude the primary ratings distribution and secondary rating summary at the top of the reviews module.
    • Include or exclude the most helpful billboard at the top of the module, which displays the most helpful favorable review and the most helpful critical review. This feature is displayed only if more than 10 reviews are available for the product, including one positive review (four or more stars) with at least three positive helpfulness votes and one critical review (three or fewer stars) with at least three positive helpfulness votes.
  • Questions & Answers—Include or exclude the "Answer this question" button below a consumer-submitted question.
  • Inline Ratings
    • Include or exclude the average rating in addition to the stars.
    • Include or exclude the number of reviews in addition to the stars.
  • Review Highlights—Include or exclude the Bazaarvoice logo in top-right corner of the Review Highlights module to show review authenticity.

Customize fonts

You can customize the following font settings used for text:

  • Font family
  • Font color
  • Font size (in pixels)
  • Line height (in pixels)
  • Character style
  • Capitalization

For links, you can customize font settings for these link states:

  • All—Font changes are applied to all link states
  • Link—Font changes are applied to the default state only
  • Active—Font changes are applied to the active state only
  • Hover—Font changes are applied to the hover state only
  • Visited—Font changes are applied to the visited state only

For buttons, you can customize font settings for these button states:

  • All—Font changes are applied to all button states
  • Button—Font changes are applied to default state only
  • Active—Font changes are applied to the active state only
  • Hover—Font changes are applied to the hover state only

Before beginning:

  • Use the Style Detector to discover the fonts and colors used on your website and apply them to your Bazaarvoice hosted display implementation.
  • Verify the list of fonts and colors that are available for selection in the style editor. Click Manage Styles above the style editor (on the Style Editor page) and then add or remove fonts and colors.
Caution: Before you change a style setting, make note of it. Changes made on the Style Editor page are automatically saved and cannot be reverted, though you may be able to press Ctrl+Z or Command+Z to undo the last change.

To customize font styles:

  1. On the Style Editor page, expand the Fonts section of the style editor to customize how fonts are displayed for labels, links, buttons, and other elements.
  2. Select the element you want to customize from the drop-down list.
    Tip: If you select All, your font selections are applied to all elements. If you select a link or button, you can further refine the element you are customizing by its state, such as hover, active, or visited.
  3. Customize the font details, such as font family, color, and style, to your liking.
  4. Click to preview your changes. Be sure to preview style changes for all features (Rating Summary, Reviews, Questions & Answers, Inline Rating, and Review Highlights) to make sure you are satisfied with how and where your style changes appear.

Customize stars and bars

You can customize the following settings used for all star states (full and empty):

  • Icon image (rounded or pointed)
  • Icon size

Then, you can customize the color used by each state.

For bars, you can customize the color used by each bar state (full or empty).

Before beginning:

  • Use the Style Detector to discover the fonts and colors used on your website and apply them to your Bazaarvoice hosted display implementation.
  • Verify the list of fonts and colors that are available for selection in the style editor. Click Manage Styles above the style editor and then add or remove fonts and colors.
Caution: Before you change a style setting, make note of it. Changes made on the Style Editor page are automatically saved and cannot be reverted, though you may be able to press Ctrl+Z or Command+Z to undo the last change.

To style the icons used in the hosted display:

  1. On the Style Editor page, expand the Icons section of the style editor to customize how stars and bars are displayed for ratings.
  2. Select the element you want to customize from the drop-down list.
  3. Select the icon status you want to customize.
    • full applies to filled-in icons, such as the first three stars in a 3 out of 5 rating.
    • empty applies to empty icons, such as the last two stars in a 3 out of 5 rating.
    • all applies to both full and empty icons.
  4. Customize the icon details, such as the image, color, and size.
  5. Click to preview your changes. Be sure to preview style changes for all features (Rating Summary, Reviews, Questions & Answers, Inline Rating, and Review Highlights) to make sure you are satisfied with how and where your style changes appear.

Customize backgrounds

You can customize the following background settings used for sections, headers, lightboxes, buttons, and sidebars:

  • Background color
  • Gradient
  • Gradient color
  • Gradient opacity

Before beginning:

  • Use the Style Detector to discover the colors and background settings used on your website and apply them to your Bazaarvoice hosted display implementation.
  • Verify the list of colors that are available for selection in the style editor. Click Manage Styles above the style editor and then add or remove colors.
Caution: Before you change a style setting, make note of it. Changes made on the Style Editor page are automatically saved and cannot be reverted, though you may be able to press Ctrl+Z or Command+Z to undo the last change.

To style the background settings:

  1. On the Style Editor page, expand the Backgrounds section of the style editor to customize how background colors are displayed for ratings, reviews, questions, and answers.
  2. Select the element you want to customize from the drop-down list.
    Tip: If you select a form or button, you can further refine the element you are customizing by its state, such as normal or selected.
  3. Customize the background for the element.
  4. Click to preview your changes. Be sure to preview style changes for all features (Rating Summary, Reviews, and Questions & Answers) to make sure you are satisfied with how and where your style changes appear.

Customize borders

You can customize the following border settings used around sections and headings:

  • Selection (top, bottom, right, left)
  • Color
  • Width (in pixels)
  • Style
  • Radius of corners

Before beginning:

  • Use the Style Detector to discover the colors and border settings used on your website and apply them to your Bazaarvoice hosted display implementation.
  • Verify the list of colors that are available for selection in the style editor. Click Manage Styles above the style editor and then add or remove colors.
Caution: Before you change a style setting, make note of it. Changes made on the Style Editor page are automatically saved and cannot be reverted, though you may be able to press Ctrl+Z or Command+Z to undo the last change.

To style the border settings:

  1. On the Style Editor page, expand the Borders section of the style editor to customize how borders are displayed for rating summaries, section headers, buttons, and other elements.
  2. Select the element you want to customize from the drop-down list.
  3. Select the border you want to edit, such as the top border or left border. You can select multiple borders at a time.
  4. Customize the border details, such as the color, width, and radius, to your liking.
  5. Click to preview your changes. Be sure to preview style changes for all features (Rating Summary, Reviews, and Questions & Answers) to make sure you are satisfied with how and where your style changes appear.

Customize margins and padding

Caution: Before you change a style setting, make note of it. Changes made on the Style Editor page are automatically saved and cannot be reverted, though you may be able to press Ctrl+Z or Command+Z to undo the last change.

To style the background settings:

  1. On the Style Editor page, expand the Margin & Padding section of the style editor to customize how margins and paddings are displayed for rating summaries and content elements.
  2. Select the element you want to customize from the drop-down list.
  3. Enable Uniform margins or Uniform padding to automatically apply the latest value you enter into a margin or padding field to the remaining fields.
  4. Specify the top, bottom, left, and right margin and padding values (in pixels) within the appropriate field.
  5. Click to preview your changes. Be sure to preview style changes for all features (Rating Summary, Reviews, and Questions & Answers) to make sure you are satisfied with how and where your style changes appear.

Customize labels and text

The Copy Editor page enables you to customize text and labels that are displayed alongside Bazaarvoice content on your site. For example, you can include labels for sorting CGC (such as "Most helpful answers" or "Most relevant"), and you can change button labels, such as the View Comments button. Watch this short video for an overview of the Copy Editor:

To use the Copy Editor, complete these steps:

  1. Log in to the Bazaarvoice Workbench and then click Settings » Manage Applications. The Site Manager page is displayed.
  2. Edit the implementation where you want to customize text.
  3. In the User Experience section of the configuration hub, click Copy Editor. The Copy Editor page appears.
  4. If applicable, select the locale you want to edit from the drop-down menu.
  5. Click Where is this? at the top of a section to list where the text is displayed on your site's hosted display.
  6. Hover over a label to select the Edit button. Each label has a description to help you determine how the label is used.
  7. Type the next text in the field and then click .

Configure options for Ratings and Reviews

You can set general options for review submission forms as well as options for displaying reviews on your site.

  1. Using the Bazaarvoice Workbench, click Settings » Manage Applications. The Site Manager page of the Conversations configuration hub is displayed.
  2. Edit the implementation where you want to change content display options.
  3. Click Display Options in the User Experience section of the Conversations configuration hub.
  4. To configure settings that are common to Ratings and Reviews and Questions and Answers, click the General Settings tab.

    The followings is a list of configuration options that apply to Ratings and Reviews and Questions and Answers:

    • Show content from these locales—Determine the consumer-generated content (reviews, questions, and answers) that is displayed for each of your locales. The primary locale is used for submission. Refer to Select and style localized display content for details.
    • Only Show Displayed Locale Statistics—Enables the review statistics to match the native locale and any locales explicitly checked for display.
    • Sort dropdown styling—Determines the style of drop-down to use when sorting content in Conversations.
    • Social avatar—Displays users' social media avatars (profile images) next to their reviews.
    • Social sharing—Enables users to share reviews on their social networks.
    • Upload product photos from social networks—Enables users to upload photos related to your company's products from their social networks.
    • Profile nickname minimum length—Defines the minimum number of characters allowed for a user's profile nickname.
    • Allow duplicate nicknames—Enables users with duplicate nicknames to submit content.
    • Enabled—Prevents decryption of user email addresses after a specified amount of time. When enabled, plain text emails do not appear in your client reports or in the Workbench after the specified expiration date.
    • User profanity dictionary—When enabled, review and question text is compared to a list of words that are deemed profane. You can modify the profanity list for each locale by uploading a UTF-8 encoded, comma-separated value (CSV) file. Refer to Enable profanity moderation for details.

      Note: Bazaarvoice recommends that you use Google Sheets to edit the default file, and then download it in CSV format. This ensures the file will be UTF-8 encoded and can be uploaded easily to the configuration hub.
    • Enabled—Enables special characters to be used in user nicknames and profile display names.
  5. To configure settings that are specific to ratings and reviews, click the Ratings & Reviews tab.

    The following is a list of available Ratings and Reviews configuration options:

    • Review helpfulness—Enable to let consumers indicate whether a review assisted their purchase decision.
    • Require review text—Enable to require contributors to write review text as part of their review submission.
    • Review text minimum length—Enter the minimum number of characters required for reviews. For no minimum, leave the field blank. Reviews with fewer than 50 characters appear as ratings-only reviews (with no text). To ensure that review text appears, enable Require review text, and set this value to at least 50 characters.
    • Require Review Title—Enable to require contributors to enter titles for their reviews.
    • Review Title Maximum Length—Enter the maximum number of characters allowed for the review title. For no maximum, leave the field blank.
    • Photo Upload—Enable to let contributors upload images. Contributors can upload as many as six photos with each review.
    • Photo Guidelines Text—Optionally, edit the guidelines for contributor photo submissions. This text appears as a tooltip beside the Add Photo window if Show review guidelines on submission page is enabled.
    • Video Links—Enable to let contributors enter links to videos for their reviews.
    • Video Guidelines Text—Optionally, edit the guidelines for user video submissions. This text appears as a tooltip beside the Add Video window if Show review guidelines on submission page is enabled.
    • Location—Enable to display the field in which contributors can specify their location.
    • Net Promoter Score—Enable to let contributors rate your business by using the standard net promoter score system of 0 to 10.
    • Would you recommend? (submission)—Enable to include a question asking contributors if they would recommend the product they are reviewing.
    • Show Review Guidelines on Submission Page—Enable to display review, photo, and video guidelines while the contributor adds text, photos, and reviews, respectively.
    • Review Guidelines Text—Write your guidelines for contributor reviews. These guidelines display with the submission form.
    • Ratings choice gradient—When enabled (default), a color gradient appears when a contributor hovers over or clicks a ratings star. The colors correspond to the number of stars selected, representing the consumer's opinion (red=1; orange=2; yellow=3; light green=4; dark green=5). When disabled, the primary button color is used instead of the gradient colors.
      Note: The primary button color is set using the Style Editor page.
    • Allow Multiple Reviews Per User—Enable to let contributors write more than one review about the same product or service. Disabling this setting is the best practice for product reviews. Enabling this setting is the best practice for services.
    • Default Review Sort—Select the default sort order for reviews displayed on your site. For new implementations, Bazaarvoice recommends the Most Relevant sort selection.
    • Review Sort Options—Select ways consumers can sort reviews. You can choose multiple options.
    • Reviews On First Page—Enter the number of reviews to display on the first page. The search engine optimization (SEO) best practice value is 8. Each subsequent page displays 30 reviews.
    • Enable Content Search—Enable to let consumers search all consumer-generated content (reviews, questions, and answers) from the Reviews display using key words or phrases.
    • If you enable content searching for Ratings and Reviews only (content search on the User Experience » Questions and Answers tab is disabled), the search bar scrolls down as the consumer reads various reviews. If questions and answers are on the same page as reviews, the search bar is hidden when the consumer scrolls down to the location that questions and answers begin. The search bar becomes visible again when the consumer scrolls back up to the reviews.

    • Percent Recommendations Statistics (display)—Enable to display statistics about the number of reviewers that recommend a product. This information displays below the overall rating stars.
    • Review Histogram—Enable to display a bar chart of review data when hovering over the primary rating summary.
    • Would You Recommend? (display)—Enable to display contributors' answers about product recommendations. Would you recommend? (submission) must also be enabled to display this field.
    • Pagination Style—Select the way users navigate to more content.
    • Read-Only Display—Enable if you do not want the review display to include a link that customers can click to submit a review.
    • Content Filter Control—Enable to let consumers filter reviews by one or more criteria, including rating and reviewer age.
    • Display Profile—Select the way contributor profile information displays on the page. Select Inline to display information on the page or Hover to display information when the cursor hovers over the contributor name.
    • Full Profile Link—Enable to display a link in a profile snapshot to a full profile archive of a contributor's approved content. If Display Profile is set to Inline, the link text is the contributor's name.
    • User-Submitted Comments—Enable to let consumers comment on reviews. Site visitors are able to read the comments along with the reviews.
    Note: This is a Bazaarvoice-internal configuration option. Contact Bazaarvoice Client Care to enable and configure these settings.
    • Enabled—Enable to display syndication attribution statements for reviews that originated on another site. You can specify individual clients whose attribution statements you want to hide using the Hide syndication attribution option. Disable to hide the syndication attribution statement for all clients.
    • Hide Syndication Attribution—Enter a client name to hide the syndication attribution statement for that client. Enter only one client name in each text box. Click Add to add another text box.
    • Product Families Attribution—Enable to display the Product Families attribution statement in the review display. This statement indicates the product for which the original review was written.
    • Enabled—Enable to use multi-product submission forms for post-interaction emails (PIE) to allow customers to rate and review all of their unreviewed purchases from that transaction in one place.
    • When should PIE link to multi-product submission form?—Select when you want your PIE to link to a multi-product submission form instead of a single-product submission form. Choose from the following options:
      • For all transactions—All PIE messages will direct your customers to the multi-product submission for, whether they purchased one or multiple products.

      • Only for transactions with multiple products—If the customer purchases more than one product, they will receive a PIE link to a multi-product submission form. Purchases of a single product will trigger your default single-product submission form.

      • Never, only use single-product submission form—PIEs for all transactions will link to your default single-product submission form configured with the submission form editor.

  6. Deploy the changes to the implementation.

Configure options for Questions and Answers

Use Questions and Answers configuration options to determine how questions are displayed on and submitted to your product pages:

  1. Using the Bazaarvoice Workbench, click Settings » Manage Applications. The Site Manager page of the Conversations configuration hub is displayed.
  2. Edit the implementation where you want to use Questions and Answers.
  3. Click Display Options in the User Experience section of the Conversations configuration hub.
  4. To configure settings that are common to Ratings and Reviews and Questions and Answers, click the General Settings tab.

    The followings is a list of configuration options that apply to Ratings and Reviews and Questions and Answers:

    • Show content from these locales—Determine the consumer-generated content (reviews, questions, and answers) that is displayed for each of your locales. The primary locale is used for submission. Refer to Select and style localized display content for details.
    • Only Show Displayed Locale Statistics—Enables the review statistics to match the native locale and any locales explicitly checked for display.
    • Sort dropdown styling—Determines the style of drop-down to use when sorting content in Conversations.
    • Social avatar—Displays users' social media avatars (profile images) next to their reviews.
    • Social sharing—Enables users to share reviews on their social networks.
    • Upload product photos from social networks—Enables users to upload photos related to your company's products from their social networks.
    • Profile nickname minimum length—Defines the minimum number of characters allowed for a user's profile nickname.
    • Allow duplicate nicknames—Enables users with duplicate nicknames to submit content.
    • Enabled—Prevents decryption of user email addresses after a specified amount of time. When enabled, plain text emails do not appear in your client reports or in the Workbench after the specified expiration date.
    • User profanity dictionary—When enabled, review and question text is compared to a list of words that are deemed profane. You can modify the profanity list for each locale by uploading a UTF-8 encoded, comma-separated value (CSV) file. Refer to Enable profanity moderation for details.

      Note: Bazaarvoice recommends that you use Google Sheets to edit the default file, and then download it in CSV format. This ensures the file will be UTF-8 encoded and can be uploaded easily to the configuration hub.
    • Enabled—Enables special characters to be used in user nicknames and profile display names.
  5. To configure settings that are specific to Questions and Answers, click the Questions & Answers tab.

    The following is a list of available Questions and Answers configuration options:

    • Profile Display—Enables the user to view profile information when hovering over a review (when Hover is selected).
    • Full Profile Link—Displays a link in a profile snapshot to a full profile archive of a user's approved content.
    • Enable Content Search—Enables users to search consumer-generated content (reviews, questions, and answers) from the Questions and Answers display.
    • Pagination Style—Determines how users navigate to content after the first page.
    • Location—Determines whether users are asked for their location on the question submission form.
    • Submission Form Display—Determines whether the submission form is displayed below the list of questions or in a pop-up dialog.
    • Location—Determines whether users are asked for their location on the answer submission form.
    • Default Question Sort—Determines the default order of questions listed on the page.
    • Question Sort Options—Determines how users can sort reviews on the page.
  6. Deploy the changes to the implementation.

Customize agreements

When a contributor submits a rating or a question, they see your terms and conditions. You can use the configuration hub to customize the text of your terms and conditions, or you can link to a URL where you host your terms and conditions. You can also add any other terms that contributors must agree to before submission, such as a separate agreement checkbox for sweepstakes terms and conditions, newsletter sign-up, or privacy policy terms of use.

Note: Contributors must agree to your terms and conditions or any other terms you've configured before submitting content.

To customize your terms and conditions and agreements:

  1. In the User Experience section of the configuration hub, click Agreements. Use the Ratings & Reviews tab for your review submission form and the Questions & Answers tab for your question and answer submission forms.
  2. Enter the label of the terms you want the contributor to agree to in the Agreement Acceptance Text field. For example, if you want the contributor to agree to your terms and conditions, your Agreement Acceptance Text should look like the following:

    I agree to the <a href="#" class="bv-text-link bv-focusable">terms and conditions</a>.

    Replace the text within the <a> tag with your desired link text. You can fully customize the Agreement Acceptance Text. For example, if you want an additional checkbox to ask if contributors agree to your site's cookie policy, you could use the following:

    I consent to the <a href="#" class="bv-text-link bv-focusable">placement of cookies</a> on my browser by Endurance Cycles and their third-party service providers.

    In the example above, "placement of cookies" could link to your cookie policy.

    Caution: Do not change the <a href="#" class="bv-text-link bv-focusable"> tag. Only change the text within and around the <a> tags.
  3. Under Agreement Text Source, choose where you want to host the full text of the terms that the link in the Agreement Acceptance Text points to.
    • Select Hosted content and enter the full text of your terms to have Bazaarvoice host and display the full agreement text.
    • Select Remote URL to provide a remote URL to where your terms and conditions are hosted.
  4. (Optional) To add another agreement, click Add New Agreement and follow the steps above to configure it.
  5. (Optional) If you have multiple agreements, click Reorder to change the order in which they are displayed in the submission form. Drag and drop an agreement to reorder it.

You can separately enable or disable any agreement to display or hide it.

  1. Using the configuration hub, click Style Detector under User Experience.
  2. Retrieve fonts, colors, border, and background settings used on your site and apply them to the hosted display.
  3. Click Style Editor under User Experience.
  4. Click Edit for each feature to update the information that is displayed for each.
  5. On the right side of the page, configure the fonts, icons, backgrounds, borders, margins, and padding used by the display.