blog-tutorial-post-template

Tutorials

Setup

Complete setup instructions are displayed after adding the IG Connect 2 stack to the editor. Follow the steps to obtain an access token and connect the feed to an Instagram account.

Customization and Settings

Feed

Load
Set how many images will load from your feed. Only the most recent post will be loaded. You can load up to 100 posts.

Filter Posts by Hashtag
Enable this option to only show posts that contain a defined hashtag or keyword in the comment. Only matching media from the most recent 2000 posts can be displayed.

Hashtag
Add a hashtag or keyword to filter by. Only accepts a single value without spaces.

Columns
Set how many columns you want your feed images to display in by screen or device width.

Gutters
Set the gap between images by distance in pixels.

Corner Rounding
Increase the value to add a rounding effect to the corners of the images in the feed.

Add More Link
Enable to show a load more button below the feed that can be clicked to load more media. You can optionally add your own button stack in the “Drop stacks here” section or leave it empty to show the default load more icon.

Posts

Click Interaction
Choose what happens when clicking on a post in the feed.

  • Link: Clicking a post in the feed will navigate to the post on instagram.com
  • Lightbox: Clicking a post in the feed will display it in a navigable lightbox.

Add Link to Instagram
Enable this to add a link to the lightbox that navigates to the post on instagram.com

Show Captions On Hover
Enable this to show the caption when a mouse cursor is over the post in the feed.

FAQs

What Is an Instagram Access Token?

An Instagram Access Token is a unique key that allows IG Connect 2 to securely access Instagram data on behalf of a user. The token is created when a user authorizes access to their Instagram account, granting temporary permission for interaction with Instagram’s API. This process ensures data security and user consent.

What Are the Requirements to Generate an Access Token?

To generate an access token, you need the following:

1. Instagram Account Login Access
Displaying media outside of Instagram requires user permission through an access token (a unique key).

  • You must log in to the Instagram account at instagram.com to verify permission and generate an access token.
  • IG Connect 2 or 1LD will never require you to supply an account’s login credentials.

2. A Professional Instagram Account
Access tokens can only be generated for professional Instagram accounts.

  • Professional accounts are free.
  • Personal accounts will be prompted to convert during the token generation process.

Who Can Generate an Access Token?

You can either generate the token yourself or request assistance from 1LD. Here’s how:

Manual Generation (Recommended):

  • Create a Facebook Developer Account and follow a simple, codeless step-by-step process.
  • Use your developer account to instantly generate an access token.
  • Once set up, you can generate tokens for multiple Instagram accounts without repeating the setup process.

Generation via 1LD:

  • Contact 1LD support and provide the name of the Instagram account to connect.
  • 1LD will send an invite to the specified Instagram account within 1-2 business days.
  • Log in to the Instagram account and accept the invite.
  • Use 1LD’s generator to create the token.
  • This process must be repeated for every new Instagram account you wish to connect.

How Often Must New Access Tokens be Generated?

Access tokens must be refreshed every 60 days to maintain permissions.

  • IG Connect handles this automatically by refreshing the token whenever the page is viewed.
  • In the rare case the page is not viewed/previewed by a single visitor or administrator in 60 days, the token will expire, and new posts will no longer display.
  • To resolve this, simply generate a new token and replace the expired one.

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Movable Windows

Move beyond the confines of static content layouts! Movable Windows allows your page visitors to effortlessly drag and reposition custom content windows anywhere in the browser viewport. Windows can be minimized to free up space and stay fixed to the browser viewport so they are always accessible.

Resize & Minimize

Windows can be resized to take up more or less space, or maximized to fill the entire screen. But that’s not all – these windows are like handy sidekicks, always ready to assist. Need quick reference? No problem! Windows can be minimized when not in use, saving precious screen space for what really matters – your page content.

Inline

Open windows stay fixed on screen so they are always accessible. Minimized windows have three modes to choose from. “Inline” keeps it in line with other content, “Fixed” is always on screen, and “Draggable” lets you move it around while minimized.

Customizable

It’s not just about functionality; it’s about style too. Customize your windows by size, position, and color. Add in text, images, forms, links – you name it! Want a little more flair? Allow window resizing, choose whether they start minimized or open, change the toggle icon, or hide the window title when minimized.

Check it out!

 

 

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software