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.

:::(Info) To view G2's review collection widgets, go to my.G2, then navigate to Review Management > Review Collection Widgets.

For information about using G2's review collection widgets, refer to the Review Collection Widgets documentation.
:::

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.

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.

Review Spotlight widget

Review Spotlight widget enables you to create dynamic widgets that display G2 reviews on your website and landing pages. This widget gives you the flexibility to create unique themes that you can seamlessly apply to your widgets.

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

1. Create a new Review Spotlight widget

Review Spotlight widget enables you to feature one review per widget. You can customize the styling of your widget and create saved themes to match your product’s branding.

To create a new Review Spotlight widget:

1. Go to my.G2, then navigate to Marketing Content > Widgets > Review Spotlight.
2. Select Create New Spotlight to access the Create a Review Spotlight editor.
3. Title your widget, select a saved design theme, or select Create New theme to create a design theme.

4. Select Choose Review to find and select the review you want to include in your Review Spotlight widget.

5. Select Save to add your review to the editor.
6. Select Save to record your changes. Your new widget will populate on the Review Spotlights landing page.
   You can create an unlimited number of unique widgets that feature reviews for specific audiences or implementations.

2. Access embed codes in my.G2

You can access the embed code for each widget by selecting Edit.

You can copy the embed codes from the Update Review Spotlight widget editor.

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

Review Spotlight widget dynamically resizes to fit neatly into the space where it is embedded.

Paste the Script Tag in the head (between the <head> and </head> tags) of the page.

Paste the Review Widget tag directly into the corresponding page where you would like your widget to appear. 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.

Updating your Review Spotlight widgets

You might want to view or modify your Review Spotlight widget to include a newer review or to make adjustments to styling.

To update a Review Spotlight widget:

1. In my.G2, go to Marketing Content > Widgets > Review Spotlight.
2. The Review Spotlights panel contains a list of all your Review Spotlight widgets. Select the Edit icon for any widget to access the Update Review Spotlight widget editor.

In this editor, you can:

• View and modify the title, select a different theme, and or create a new design theme.
• Modify the review included in the Review Spotlight widget.
• Copy the embed code for your Review Spotlight widget.

3. Select Save to save your changes.