Skip to content

techulus/social-reviews

Repository files navigation

Social Reviews

Social proof your website and Impress your web visitors with Twitter / Instagram testimonials.

Installing

You can quickly install via npm:

npm i social-reviews

or import via html script tag

<script src="https://cdn.rawgit.com/techulus/social-reviews/master/bin/social-reviews.min.js"></script>

Quick Start

Getting up and running is extremely easy. We can create a twitter feedback carousel using the following code:

HTML, Create a container to hold the carousel:

<div id="social-review"></div>

JS, Initialise the review carousel:

new SocialReview({
  selector: '#social-review-1',
  type: 'twitter',
  postIds: ['1044414534792863744', '1044779222844104704', '1045656805882228736', '1047160680741310465', '1044705162441478147']
})

Options & Configuration

  • selector: CSS selector for container
  • type: Social network type, twitter or instagram
  • postIds: Post ids
  • carouselOptions: All options supported by https://glidejs.com/docs/options/

Twitter Configuration

  • conversation: none or all
  • cards: hiddenor visible
  • linkColor: rgb(33, 153, 256), default is blue
  • theme: light or dark

Instagram Configuration

  • height: Height of Instagram post