Thanks! Please check the following:
System requirements
This stack requires RapidWeaver and the Stacks plugin. It will not work with other platforms (like Wordpress). We recommend you aim towards installing the latest version of RapidWeaver and Stacks that your computer is compatible with.

License agreement
You may use this purchased stack an unlimited number of times in personal or commercial projects, request technical support and receive free updates in future.

This stack can be installed or synced onto all computers that you own. You are permitted to make archival backup copies of the stack.

You may not resell or make this stack available for download, remove copyright credits or license information.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

Refund policy
By purchasing this stack, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are final and refunds will not be provided (we physically cannot un-download or remove stacks from your computer).

You are reminded to make use of the free demo versions already provided on the website, to fully evaluate stacks for compatibility and suitability before purchase.

Customer support
If you have questions that relate specifically to this stack, you should make contact via the contact page. We aim to answer all messages within 12 hours, Monday to Friday.

If you require a faster response at weekends or during public holidays, please post your question(s) to the RapidWeaver forums, where a support volunteer may be able to assist you quicker.
Checkout  
If you're a fan of Instagram® or planning to extend your business social media strategy to include Instagram, then you're probably going to have a lot of images published online to Instagram. The beauty and success of Instagram hinges on the fact it's so wonderfully easy to use. Wouldn't it be great to embed some of your images into your website? Instagram® already lets you embed individual images, but it can be very tedious to keep pasting the embed code into your website and republishing it each time. And although commercial plugins exist, their setup can be extremely complicated (many are built for Wordpress and therefore don't work with RapidWeaver). Our InstaViewer stack is the easiest solution available; towards embedding your Instagram® feed into a website. Thumbnail images get presented as a stylish, adaptive grid. Clicking or tapping a thumbnail image reveals the full size image within a professional-looking and responsive lightbox.

InstaViewer replaces the former InstaViewr stack by Aaron Marquez of StackManiac.com. If you previously purchased InstaViewr you may be entitled to a free copy of this newer InstaViewer stack, so please get in contact with a copy of your receipt attached. InstaViewer is compatible with both Stacks 2 and Stacks 3.

Example

This is a working example of an InstaViewer stack dragged and dropped into this webpage, with the default settings applied. A free demo version is provided for you to download, enabling you to test the stack with your own Instagram feed and explore all the settings available in this stack.
 
 

Setup

Follow these instructions for getting InstaViewer working in your website...
  1. Once installed in Stacks, drag and drop a copy of the InstaViewer stack from the stacks library into your page
  2. Open your web browser, go to the Instagram® website and make sure you are logged into your Instagram® account
  3. Go to this link in your web browser. Make a note of the Access Token and User ID shown
  4. In the InstaViewer stack settings, enter your Access Token and User ID
  5. Change any other style or colour settings relating to the thumbnail grid or lightbox
  6. Preview your project in RapidWeaver. Your Instagram® images should show. Publish the website when done.

As always, hovering your mouse cursor over individual settings in InstaViewer will display information tooltips about what each setting does and and important details to know about.

InstaViewer makes use of the Instagram® API for fetching and displaying images in your website. By making use of the InstaViewer stack and the API, you agree to the terms and conditions outlined on the Instagram® website. Stacks4Stacks is in no way liable for changes to the Instagram API or service which may result in the InstaViewer stack being limited in function or failing to work. Please make use of the free InstaViewer stack demo version provided and confirm the stack works for you, before committing to a purchase.

Changes to the Instagram® API on 1st June 2016 and how to get the InstaViewer stack working again:
  1. Download the InstaViewer 2.1 update and install it
  2. Go to https://www.instagram.com/?hl=en in your web browser. Login and make sure any ad-blockers are disabled (VERY IMPORTANT).
  3. Go to this website http://instagram.pixelunion.net/ and click the button to create a new Access Token
  4. A page on Instagram will load asking for confirmation to create a new PXU Access Token. Click 'Authorise'
  5. The page will refresh an a new token is shown.
  6. The first 9 numbers before the full stop (.) are your user ID. Carefully copy and paste these into the user ID field within InstaViewer
  7. Copy and paste the entire token (including the first 9 numbers of your user ID) into the Token field, within InstaViewer
  8. Switch RapidWeaver into preview mode and check you can view your images and they open in lightboxes

An example user ID would look like this:
1455546637

And an example user token would look like this:
1455546637.1677ed0.fc7f2f227ebb41fa90b5580dfc74357e

As of 1st June 2016, Instagram® only let you embed a maximum of 20 images from your own feed. This means that only the last 20 images you uploaded to Instagram® will show. You can no longer display images that other people have uploaded / shared with you or show images by tags or search keywords. A maximum of 500 website visitors are permitted to view your InstaViewer page each hour. These are limitations imposed by Instagram®, not the InstaViewer stack.

Making a seamlessly-tiled thumbnail grid

To create a thumbnail grid that has no spaces between the images, simply set the item radius, item padding, item margin and border weight settings to 0px in the InstaViewer settings. This will render your thumbnail grid in a similar style to our UsefulGrid stack. Image can continue to receive special effects and will open full-size in the lightbox when clicked or tapped. If using a ThemeFlood RapidWeaver theme, your InstaViewer stack can also be embedded into a theme ExtraContent container or FreeStyle banner.

Custom CSS

If you have knowledge of HTML and CSS, you'll be pleased to hear that InstaViewer can be extensively customised; beyond the standard settings already provided. All key components of InstaViewer have class selector names, permitting you to hook-on your own styling. Both the thumbnail grid and lightbox can be further customised.

Instagram® is a registered trademark of Facebook INC. The InstaViewer stack is not affiliated with Instagram® or Facebook.
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!

Cookies

Like a lot of websites, Stacks4Stacks uses cookies to help enhance your browsing experience and handle things like purchases. We take your privacy seriously, and welcome you to freely opt-out of nonessential cookies at any time by reviewing your preferences on this page.