Brand Score Widget

Really Good Culture Brand Score Widget

The snippet

In order to embed your brand's score, we offer two variants of widget: a stacked version for in page usage, and a banner version for usage in header of your site. You need to copy and paste the code below as Custom HTML block within your site's CMS or directly in the code if using a custom implementation

Stacked Version

<iframe
  src="https://www.reallygoodculture.com/widget/brand/[COMPANY_SEO_NAME]"
  frameborder="0"
  scrolling="no"
  allowtransparency="true"
  style="backgroundColor: transparent;"
  width="190px"
  height="130px"
></iframe>

Banner Version

<iframe
  src="https://www.reallygoodculture.com/widget/brand/[COMPANY_SEO_NAME]/banner"
  frameborder="0"
  scrolling="no"
  allowtransparency="true"
  style="background-color: transparent; max-width: 1024px;"
  width="100%"
  maxWidth="1024px"
  height="50px"
></iframe>

The seo name

Please replace the [COMPANY_SEO_NAME] in the src of the iframe with your brand spcific seo name. This is the last part of the url in the reallygoodculture brand bage.

Example:

for htttps://www.reallygoodculture.com/avallen

the seo name is avallen

The code for stacked version is:

<iframe
  src="https://www.reallygoodculture.com/widget/brand/avallen"
  frameborder="0"
  scrolling="no"
  allowtransparency="true"
  style="backgroundColor: transparent;  max-width: 1024px;"
  width="190px"
  height="130px"
></iframe>

The code for banner version is:

<iframe
  src="https://www.reallygoodculture.com/widget/brand/avallen/banner"
  frameborder="0"
  scrolling="no"
  allowtransparency="true"
  style="background-color: transparent;"
  width="100%"
  maxWidth="1024px"
  height="50px"
></iframe>

This results in the following widgets:

Stacked version

Banner version

Examples

Centered

you can set the width of the iframe to 100% to center the score within the container

<iframe
  src="https://www.reallygoodculture.com/widget/brand/avallen"
  frameborder="0"
  scrolling="no"
  allowtransparency="true"
  style="backgroundColor: transparent;"
  width="100%"
  height="130px"
></iframe>

Custom color

<iframe
  src="https://www.reallygoodculture.com/widget/brand/avallen"
  frameborder="0"
  scrolling="no"
  width="100%"
  allowtransparency="true"
  style="backgroundColor: lightblue;"
  height="130px"
></iframe>
OverviewProduct Score Widget