Widgets

G2 offers a suite of embeddable widgets that can improve your marketing campaigns, help buyers understand your competitive landscape, and supplement your SEO initiatives.

Paste the embed codes for your widgets into any location that supports HTML embeds, such as the source code of your website or a landing page built in HubSpot or Marketo:

To view all of G2's available widgets, go to my.G2, then navigate to Marketing Content > Widgets. For more information on using G2 products to supplement your marketing campaigns, check out G2’s Seller Solutions Webinars.

Grid^® widget

G2 Grid^® widget helps your customers understand your competitive landscape while highlighting your performance in a specific G2 product category.

There are two types of interactive, embeddable Grid^® widgets:

For more information on the inclusion criteria, scoring, and the quadrants and axes of a Grid^®, review G2’s Research Scoring Methodologies.

Live Category Grid™ widgets: Viewing, modifying, and embedding

A Live Category Grid™ is generated for your product according to G2’s standards for inclusion in reports. If your product is included in multiple categories, a unique Grid^® will be generated for each category in which your product meets the inclusion criteria.

To view and modify the embed code for your Live Category Grid™:

1. In my.G2, go to Marketing Content > Widgets > Grid^® Widget. All of your available grids are displayed in the Live Category Grid Widgets section.

2. Select the edit icon in the top-right corner of the Grid^® you want to embed or modify.

3. You will be presented with a customization card containing a preview of your Grid^®, as well as several modifiable options:

   Size: Modifying this dropdown alters the amount of space the Grid^® occupies on your website.

   Segment: Modifying this field will display your product’s performance based on the company size of your reviewers. By default, this field is set to All. You might choose to modify this field if your product performs better within a specific market segment (Small Business, Mid-Market, or Enterprise).

4. Select Copy embed code, and then paste the embed code into your chosen location. This could be the source code of your organization’s website, a landing page built in HubSpot or Marketo, or any other location that supports HTML embeds.

Report-based Grid™ widgets: Viewing, modifying, and embedding

G2 automatically generates a Report-based Grid™ for your product if it is included in a G2 Market Report. For more information on the inclusion criteria, scoring, and the quadrants and axes of a Grid^®, check out G2’s Market Presence Scoring guide.

To view and modify the embed codes for your Report-based Grids™:

1. In my.G2, go to Marketing Content > Widgets > Grid^® Widget, then scroll to Quarterly Report Grid Widgets.
2. View the available Report-based Grids™ by selecting the Report dropdown. Adjust the Size dropdown to change the amount of space the Grid^® occupies on your website.
3. Select Copy embed code, and then paste the embed code into your chosen location. This could be the source code of your organization’s website, a landing page built in HubSpot or Marketo, or any other location that supports HTML embeds.

Star Rating widget

Star Rating widget provides a way to use your website, landing pages, sidebars, and email signatures to showcase your G2 reviews. Star Rating widget can also supplement your SEO initiatives and increase your click-through rate (CTR) by displaying the G2 star rating for your products in search engine results.

This widget links to your G2 product profile, where users can read your current reviews

Adding Star Rating widget to your website

1. In my.G2, go to Marketing Content > Widgets > Star Rating Widget.
2. Choose a widget style.
3. Select Copy embed code, and then paste the embed code into your chosen location. This could be the source code of your organization’s website, a landing page built in HubSpot or Marketo, or any other location that supports HTML and Javascript embeds.

Adding Star Rating widget to email signatures

If your email client or signature software supports HTML code in email signatures, follow the same steps for Adding Star Rating widget to your website, but paste the copied embed code into the relevant section of your email client or software.

If you do not have an option to render HTML code in email signatures, you can achieve the same effect by completing the following steps:

1. In my.G2, go to Marketing Content > Widgets > Star Rating Widget.
2. Right-select the image for the widget you would like to use, then save the image to your local device.
3. Extract the URL from the embed code of the widget by copying the URL in quotes following the href attribute (<a href= ”[your URL]“).

4. In your email client, upload the saved image from step 2 to your custom signature.
5. Apply the URL from step 3 to your image.
   If using Gmail, this can be accomplished by first highlighting the image, then selecting the link icon to display a link dialog box. Paste your URL into the specified box, then select OK.

6. Save the signature.
7. Send a test email and confirm that Star Rating widget appears in your signature.

Enabling star ratings in search engine results

Search engines can display aggregate ratings for your products, including visual stars, review scores, and number of reviews. Adding Star Rating widget to your website can improve the styling and page rank of your landing page in search engines without requiring your developers to add and maintain schema markup.

To enable G2 star ratings in search engines:

1. In my.G2, go to Marketing Content > G2 Badges.
2. Move the Include star rating on Google search results slider to the ON position.
3. Embed your G2 Badge on the relevant product pages of your website.

From the time this feature is first enabled, search engines can take between two weeks and three months to include G2 star ratings in search results.

Review Collection widgets

G2's Review Collection widgets, Review Us Button and Review Us Widget, enable you to use your website, landing pages, sidebars, and email signatures to generate and showcase your G2 reviews.

To access Review Collection widgets, go to my.G2, then navigate to Marketing Content > Widgets > Review Collection Widgets.

Review Us Button

Review Us Button enables you to easily capture reviewer interest from your website or landing page by adding a customizable button that triggers your G2 review form in a pop-up overlay.

Basics of Review Us Button

Reviewer authentication

To improve conversion rates, Review Us Button enables your users to defer login until they have completed their review.

Upon submission of their review, users will be prompted to log in or create their G2 account.

Incentivization and segmentation

Per the G2 Community Guidelines, your organization cannot segment reviewers to solicit only positive reviews.

Only non-incentivized reviews are available for submission via Review Us Button. Gift cards or other incentives can not be attached to this process.

Tracking reviews generated via Review Us Button

To monitor the success of Review Us Button in generating G2 reviews:

1. Go to my.G2, then Review Management > Review Activity.
2. From the Review Source drop-down, select In-App.

Implementation

Review Us Button can be embedded directly in your website’s source code, or any CMS page that supports HTML and JavaScript.

The following instructions provide a high-level overview of implementing Review Us Button, which should be adapted to your particular CMS or website.

1. Customize button in my.G2

To access Review Us Button, go to my.G2, then navigate to Marketing Content > Widgets > Review Collection Widgets > Review Us Button.

You can customize the styling of your button using the to match your product’s branding.

2. Access embed codes in my.G2

Your embed codes can be found in the Implementation Steps section. You should keep this tab open for the remainder of the implementation process.

3. Add the CTA code to your website or landing pages

This step uses the code in the Step 1: Add the following where you want the CTA to appear section.

Paste this code directly into the corresponding page(s) of your CMS where you want your review button to appear.

4. Add the remaining script code to your CMS

This step uses the code in the Step 2: Add the following to the head of your document section.

Paste this code directly into the dedicated portion of your CMS that accepts custom code. If possible, you should add it to the head (between the <head> and </head> tags) of the page.

If your CMS does not support adding HTML to the head of your page, you can also try embedding this code in the same place as the CTA code from the previous step.

Alternatively, if you use Google Tag Manager, you can create a Custom HTML tag to insert this script.

5. Publish your changes

Once your embed codes have been added to the corresponding locations, publish your changes, then test out your button!

Review Us widget

Review Us widget enables you to use your website, landing pages, sidebars, and email signatures to generate and showcase your G2 reviews. Similar to Star Rating widget, Review Us widget can also supplement your SEO initiatives and increase your click-through rate (CTR) by displaying the G2 star rating for your products in search engine results.

To access Review Us widget, go to my.G2, then navigate to Marketing Content > Widgets > Review Collection Widgets > Review Us Widget.

Testimonials widget

Testimonials widget provides a simple way to highlight your favorite G2 reviews by crafting a shareable, branded widget that can be customized for your target audience. This widget gives you the flexibility to integrate your hand-picked reviews seamlessly into your website and landing pages.

For each Testimonials widget you create, G2 also provides access to a Testimonials page, which is a web page rendering of your Testimonials widget. G2 hosts your Testimonials page to use whenever you want to direct potential buyers to reviews for your product in an isolated environment. For the sample Testimonials widget above, follow this link to see how the Testimonials page appears.

Creating a new Testimonials widget

You can create an unlimited number of unique widgets that feature reviews for specific audiences or implementations.

To create a new Testimonials widget:

1. In my.G2, go to Marketing Content > Widgets > Testimonials.

2. Select Add Widget to access the Create a Testimonial Widget editor.

3. Title your widget, choose a Font, and select a Branding color. The Branding color modifies the color of the text of the review titles.

4. Select Choose Reviews to find and select the reviews you want to include in your Testimonials widget. G2 automatically adds two suggested reviews.

5. Select Add this Review for each review you want to display. You can add up to 20 reviews per widget, which is tracked by a counter at the bottom of the page.

   Selecting Clear Filters removes all of your selected reviews.

6. After all your reviews are added, select Save to access the Update Testimonial Widget editor.

   In this editor, you can:

   • Review and modify the title, font, and branding color for your Testimonials widget.
   • Rearrange the display order of reviews by dragging the drag handle in the left column next to each review.
   • Copy the direct URL for your Testimonials page.
   • Copy the embed code for your Testimonials widget.
   Paste the embed code into your chosen location. This could be the source code of your organization’s website, a landing page built in HubSpot or Marketo, or any other location that supports HTML embeds.

7. Select Save to record your changes. Your new widget will populate on the Testimonials Widget landing page. To further modify or copy the embed code for your new widget, return to Marketing Content > Widgets > Testimonials, then select the edit icon.

Viewing and updating your Testimonials widgets

You might want to review and update your Testimonials widgets to include newer reviews or to make adjustments to styling.

To view and update your Testimonials widgets:

1. In my.G2, go to Marketing Content > Widgets > Testimonials.

2. The Testimonials Widgets section contains a list of all your widgets.

   From this page, you can:

   • Copy the direct URL for your Testimonials page by selecting the clipboard icon.
   • Modify the Testimonials widgets by selecting the edit icon.
   • Delete the Testimonials widgets by selecting the trash can icon.
   • Sort your widgets by selecting the Title, Date created, or Date last modified column headers .

3. To modify a Testimonials page, select the edit icon to access the Update Testimonial Widget editor.

   In this editor, you can:

   • View and modify the title, font, and branding color for your Testimonials widget.
   • Rearrange the display order of reviews by dragging the drag handle in the left column next to each review.
   • Copy the direct URL for your Testimonials page.
   • Copy the embed code for your Testimonials widget.

4. Select Save to record your changes. The “Date last modified” field will update to the current date to reflect your recent changes.

Review Snapshot widget

Review Snapshot widget provides a convenient way to display G2 reviews on your website, landing pages, and sidebars. This widget offers a customizable, interactive experience that gives your potential customers quick access to reviews from real users of your product.

Creating Review Snapshot widgets

To create a new Review Snapshot widget:

1. In your my.G2 page, navigate to Marketing Content > Widgets > Review Snapshot.
2. Select Add Widget to access the Create a Review Snapshot Widget editor.
3. Title your widget, choose a Color Palette, and input a Background color.
4. Select Choose Reviews to find and select the reviews you want to include in your Review Snapshot widget. You can add up to five reviews per widget, which is tracked by a counter at the bottom of the page.

5. Select Save to add your reviews to the editor.
6. Your new widget will populate on the Review Snapshot landing page. To copy the embed code, or to further modify your new widget, return to Marketing Content > Widgets > Review Snapshot, then select the edit icon.

Viewing and updating your Review Snapshot widgets

You might want to view or modify your Review Snapshot widgets to include newer reviews or to make adjustments to styling.

To view and update your Review Snapshot widgets:

1. In my.G2, go to Marketing Content > Review Snapshot.

2. The Review Snapshot Widgets section contains a list of all your widgets. Select the edit icon for a specific widget to access the Update Review Snapshot widget editor.

   In this editor, you can:

   • View and modify the title, color palette, and background color for your Review Snapshot widget
   • Modify the reviews included in the Review Snapshot widget.
   • Copy the embed code for your Review Snapshot widget.

3. Select Save to save your changes.