techulus / social-reviews

A compact solution for showing social reviews

Social Reviews

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

DEMO

Sample Code

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