Our theme come with very flexible Instagram shop plugin, which let you shows your best Instagram feed as well as ability to “pin” your products to your Instagram images.
There are few layout style you can choose to display
Masorny layout
Grid layout
Carousel layout
To be able to use this plugin, your site should have WooCommerce plugin installed.
Once the plugin already installed and activated. first thing you need to do is configure the plugin. You will need your Instagram access token to grant permission for this plugin fed your Instagram
Instagram Settings
From your Admin Dashboard, Navigate to Instagram Shop > Settings
Enter your Instagram Access token and number of images to be feed per page (Maximum is 20). If you don’t know how to get your Instagram access token, Click here
Add new shortcode
Once you got the message: You Instagram has successfully linked, you can build your first Instagram Shop by visit Dashboard > Instagram shop >
Instagram shop > Add new
Click on Camera icon to show your Instagram images. Select any image you want then close this popup
You can easily ordering your images as well as switching view by click on the Magnifier icon
To add more product pins, simply click on the image and there will be a popup appeared
Search for your product, enter pin text and select style of your pin then Save
Afterward, the pin now can change its position by just drag / drop
Once you’re finished with your product pins. We will set layout for your Instagram Shop by click the settings button
- This field will generate the shortcode for you to copy and put in your pages
- Select shortcode type: There are 2 type of shortcode, the Pin map and the Modal type
- Select layout: Masorny, Grid or Carousel mode
- Image resolution: Set resolution of the image, if you’re need the images load faster, choose lower resolution, but the downside is the quality of the images will be reduced
Additionally, if you need to set some responsive breakpoints, click on the checkbox Use custom responsive breakpoints for more detailed settings.
NOTE: Please remember to update your changes in order for the shortcode updated
Using your created Shortcode
The regular way for using shortcode is jsut copy/paste the shortcode in your page/ site content. Additionally, If you’re building your site using visual composer, you can add this shortcode from the Visual Composer elements. Look for Familab Plugins > Instagram Shop