---
title: "Widgets"
slug: "widgets"
tags: ["embed widget on website", "add widget to email", "add widget to website", "how to embed widget", "reviews widget"]
updated: 2025-06-04T22:54:27Z
published: 2025-06-04T22:54:27Z
canonical: "documentation.g2.com/widgets"
---
> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.g2.com/llms.txt
> Use this file to discover all available pages before exploring further.
# 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](https://my.g2.com/~/dashboard/home#), 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](https://sell.g2.com/webinars).
To view G2's review collection widgets, go to [my.G2](https://my.g2.com/g2-seller-solutions/widgets/review_collection_widgets), then navigate to **Review Management** > **Review Collection Widgets**.
For information about using G2's review collection widgets, refer to the [Review Collection Widgets](https://documentation.g2.com/docs/review-collection-widgets) documentation.
While the embed code for G2 widgets contains CSS elements that can be modified to fit the size constraints of your website, G2 does not provide support for widgets that fail to render appropriately due to modified CSS.
## 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:
Live Category Grid™
A rendering of your position on the Grid® for each category in which your product is listed, refreshed daily.
Report-based Grid™
A static rendering of your position on the Grid® based on your performance during the reporting period.
For more information on the inclusion criteria, scoring, and the quadrants and axes of a Grid®, review G2’s [Research Scoring Methodologies](https://research.g2.com/methodology/scoring#satisfaction-rating).
You can dedicate a specific logo to represent your product on Grid® widget in [my.G2](https://my.g2.com/~/product_information). For more detailed guidelines on adding a custom logo to Grid® widget, refer to G2’s [Product Profile](https://documentation.g2.com/docs/product-information#grid-logo) documentation.
### 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.](https://research.g2.com/methodology/scoring#satisfaction-rating) 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](https://my.g2.com/~/widgets/grid_widgets), 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).
Your product must meet the [inclusion criteria](https://research.g2.com/methodology/scoring#satisfaction-rating) for a specific Segment (Small Business, Mid-Market, or Enterprise) in order to be included in the Grid® for that Segment. As a result, G2 recommends verifying that your product’s logo appears on the Grid® for your chosen Segment before embedding it on your website.
1. 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.
Because this is a live Grid®, your product’s position in the Grid® changes based on new G2 reviews. Additionally, Grid® widgets are interactive -- both your product logo and those of your competitors are selectable and link to the G2 reviews page for the corresponding product.
### 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](https://my.g2.com/~/reports_library). For more information on the inclusion criteria, scoring, and the quadrants and axes of a Grid®, check out G2’s [Market Presence Scoring](https://research.g2.com/methodology/scoring#satisfaction-rating) guide.
<
To view and modify the embed codes for your Report-based Grids™:
1. In [my.G2](https://my.g2.com/~/widgets/grid_widgets), 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.
Unlike Live Category Grid**™** widgets, Report-based Grid**™** widgets are tied to a specific report and do not change with new reviews. G2 recommends updating your Report-based Grid**™** widgets quarterly to reflect new Market Reports.
Grid® widgets are interactive--both your product logo and the placeholders for the logos of your competitors are selectable and link to the G2 reviews page for the corresponding product.
## 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.
Read our Reviews
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](https://my.g2.com/~/widgets/star_rating_widgets), 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.
While Star Rating widget can be added to multiple webpages, G2 does not recommend adding it to every page of your website. Most vendors add Star Rating widget to their most popular pages, such as the homepage or the product information page of their website, which drives the greatest impact in terms of user engagement.
### 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.
Create unique custom signatures for different roles around your company using Star Rating widgets.
For example, your Account Managers can place the “Review us” widget in their email signatures to drive more G2 reviews, while your Sales team can use the “Read our reviews” widget to direct potential customers to the reviews on your G2 product profile.
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](https://my.g2.com/~/widgets/star_rating_widgets), 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 ( **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.
If your organization has a single product, G2 recommends placing Star Rating widget in the footer of your website to apply Product Review schema to all pages on your website.
If your organization has multiple products, you should place a product-specific Star Rating widget for each product page on your website instead of using the footer. This measure helps maintain the accuracy of G2 star ratings in search results.
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.
While enabling star ratings in search engines makes your webpages eligible for enhanced appearance in internet searches, it does not guarantee that the stars will appear for all keyword searches. Many factors determine whether a search engine shows stars for a search. For more information, review the schema markup guidelines for the search engine you are targeting.
## 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.
[Embedded content](https://www.g2.com/products/g2-seller-solutions/testimonials/21772.embed)[G2 Marketing Solutions reviews sourced by G2](https://www.g2.com/products/g2-seller-solutions/reviews?utm_campaign=testimonials_embed&utm_medium=testimonials&utm_source=G2+Marketing+Solutions)
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](https://www.g2.com/products/g2-seller-solutions/testimonials/10197) 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](https://my.g2.com/~/widgets/testimonials_widget), 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:
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.
- 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.
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](https://my.g2.com/~/widgets/testimonials_widget), 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.
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.
1. 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.
Review Snapshot allows you to create unique, industry-specific widgets that can be used in your account-based marketing (ABM) campaigns. For more information on ABM campaigns, review G2 Learn Hub’s [A Beginner’s Guide to Building an Account-Based Marketing Strategy](https://learn.g2.com/beginners-guide-to-account-based-marketing#one).
### Creating Review Snapshot widgets
To create a new Review Snapshot widget:
1. In your [my.G2](https://my.g2.com/~/widgets/review_snapshots) 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.
Selecting **Clear Filters** removes all of your selected reviews.
1. Select **Save** to add your reviews to the editor.
2. 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**.
Review Snapshot widget uses Javascript to display reviews from your G2 product profile. Ensure that the environment you choose to embed Review Snapshot widget supports Javascript.
### 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](https://my.g2.com/~/widgets/review_snapshots), 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.
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.
1. 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](https://my.g2.com/~/widgets/review_spotlight), 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.
You can reuse theme designs in future widgets. When creating a design theme, you can:
- Select the *Background Color*.
- Modify the border style including *Border Color*, *Drop Shadow*, *Border Width*, and *Border Radius*.
- Set text styles including *Font Color*, *Font*, *Font Size*, and *Font Weight*.
1. Select **Choose Review** to find and select the review you want to include in your Review Spotlight widget.
1. Select **Save** to add your review to the editor.
2. Select **Save** to record your changes. Your new widget will populate on the [Review Spotlights](https://my.g2.com/~/widgets/review_spotlight) 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
G2 offers step-by-step guides for adding widgets to pages built on [HubSpot](https://documentation.g2.com/docs/collect-reviews-from-hubspot-pages) and [Marketo](https://documentation.g2.com/docs/collect-reviews-from-marketo-pages).
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.
Review Spotlight widget uses Javascript to display reviews from your G2 product profile. Ensure that the environment you choose to embed Review Spotlight widget supports Javascript.
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](https://my.g2.com/~/widgets/review_spotlight), 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.
1. Select **Save** to save your changes.
If you update your Review Spotlight widget, your embedded widget will update immediately on your website and landing pages.
## Related
- [G2 Badges](/g2-badges.md)