Influence is a solution consisting of three parts, Discover, Engage and Publish.  It's a suite of tools designed for businesses to leverage influential customers and non-customer content on Instagram to increase reach, engagement and revenue.

Influence: Publish allows you to use  user generated images from Instagram within a widget on your site.  This widget contains review content and also lets your visitors buy products in shoppable galleries.

  • Navigate to Influence >> Publish
  • Click Login with Facebook

If you haven't already connected your Instagram account to Influence: Engage, just follow the steps in the Facebook popup to connect your account. You'll need to be logged in to Instagram.

How to use Influence: Publish

To source images to use in your shoppable Instagram widget, you'll first need to request permission from your customers and choose which images you wish to use in the Influence: Engage module. Click here for instructions on how to do that before proceeding with this article.

The Publish section gives you the options required to create your on-page Instagram widgets and consists of a number of sections with a number of visual options.  Once all sections are completed, you can gain access to the code require to copy to your site just as you would with any other widget.

Widget type

Choose from Carousel, Fullpage Grid or Fullpage Collage. To close and open the lower panel, click the green arrow to see your widget preview. To navigate through the options, click the dots.

Choose Layout

There are three widget layouts to choose from.

The carousel widget is a wide-format widget which lets your customers scroll through the content using the arrows on either side.  You can customise the image sizes using the Cell Size dropdown menu, and choose whether the arrows appear on hover or are always visible.

Fullpage Grid

A fullpage widget with cells of equal size.

Fullpage Collage

A fullpage widget with cells of different size.

Customise Hover Effects

This panel lets you change the behaviour of the overlays that a customer sees when hovering over each image.

The following options are permitted:

  • Foreground Color (rgba)
  • Background Color (rgba)
  • Hover Rating Stars Colour (rgba)
  • Grid Margin (px)
  • Hover Margin (px)
  • Show Icon (On/Off)
  • Show Buton (On/Off)
  • Show Rating Stars (On/Off)
  • Show Username (On/Off)
  • Show Text (On/Off)
  • Show Date (On/Off)

Customise CTA Button

The default "Shop Now" button can be change to look however you like.

The following options are permitted:

  • Button Text
  • Button Type
  • Button Padding

Customise Modal

When the "Shop Now" button is clicked, a modal (window) pops up containing the full Instagram post.

The following options are permitted:

  • Modal Button Text
  • Modal Button Type
  • Modal Button Color (rgba)
  • Modal Button Text Color (rgba)
  • Modal Button Padding
  • Modal Rating Stars Color (rgba)
  • Modal Overlay Color (rgba)
  • Show Text (On/Off)
  • Show Rating Stars (On/Off)
  • Open Links in new tab (On/Off)
  • Show Date (On/Off)
  • Show Share Icon (On/Off)
  • Modal Button Hover (On/Off)

Customise Text

You can customise the text in the modal popup.

The following options are permitted:

  • Comment Text Font Family
  • Italic (On/Off)
  • Bold (On/Off)
  • Accent Text Font Family
  • Italic (On/Off)
  • Bold (On/Off)

Choose Categories

If you have categories or tags attached to any of your Instagram photos, you may choose to display only those tagged photos here.  Tagging is set up in the Influence: Engage section of your dashboard.

Widget Code

Copy the widget code from this page once you have chosen your options, and past it into your site where you wish the widget to show.

If you subsequently decide to change how your widget looks on your site, you'll need to change your options in this section and re-copy the updated widget code, and then add to your site again.

Did this answer your question?