JSPM

@phylaxpl/gatsby-plugin-trustpilot-widget

2.0.3
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
    • 0
  • Score
    100M100P100Q41194F
  • License MIT

Trustpilot widget for GatsbyJS.

Package Exports

  • @phylaxpl/gatsby-plugin-trustpilot-widget

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@phylaxpl/gatsby-plugin-trustpilot-widget) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

phylax/gatsby-plugin-trustpilot-widget

Forked from https://github.com/pittica/gatsby-plugin-trustpilot-widget

Description

Trustpilot widget for GatsbyJS.

Install

npm

npm install @phylaxpl/gatsby-plugin-trustpilot-widget

Configuration

Edit your gatsby-config.js.

module.exports = {
  plugins: [
    {
      resolve: `@phylaxpl/gatsby-plugin-trustpilot-widget`,
      options: {
        username: "USERNAME",
        business: "BUSINESS_ID",
      }
    },
  ],
}

The username and template fields are required.

You can get the data from the TrustBox in your businness panel on Trustpilot

<!-- TrustBox widget - Review Collector -->
<div class="trustpilot-widget" data-locale="en-US" data-template-id="TEMPLATE_ID" data-businessunit-id="BUSINESSUNIT_ID" data-style-height="52px" data-style-width="100%">
  <a href="https://en.trustpilot.com/review/USERNAME" target="_blank" rel="noopener">Trustpilot</a>
</div>
<!-- End TrustBox widget -->

Component Usage

Import the component TrustpilotReviews in your component.

import TrustpilotReviews from "@phylaxpl/gatsby-plugin-trustpilot-widget"

Use it in your code as component.

class MyComponent extends React.Component {
  render() {
    return (
      <TrustpilotReviews
        template="TEMPLATE_ID"
        language="en"
        culture="US"
        theme="light"
        width="100%"
        height="52px"
      />
    )
  }
}

Attributes

template attribute is obligatory. The component has optional attributes which the user can use to set the aspect of the TrustBox.

language

Sets the language of the locale and the language of the API.

Default Value

en

Note

If you set the language attribute you have to set the culture attribute too.

culture

Sets the culture of the locale.

Default Value

US

Note

If you set the culture attribute you have to set the language attribute too.

theme

Sets the UI theme of the TrustBox.

Values
  • light
  • dark
Default value

light

width

Sets the width of the widget.

Default Value

100%

height

Sets the height of the widget.

Default Value

52px

(c)2021, phylax.pl Lukasz Nowicki