Skip to main content

Smash Balloon: Instagram Feed Pro

Display customizable and responsive Instagram feeds from your unit's Instagram account.

With its super simple setup, the Smash Balloon: Instagram Feed Pro plugin, when used in conjunction with the Shortcode block, is a quick and easy way to display your unit’s Instagram content directly on your website through the use of shortcodes.

Completely responsive and mobile ready, the the Smash Balloon: Instagram Feed Pro plugin allows you to embed Instagram content that looks great on any device and is an efficient way to keep photo content updated. For a demo on using the plugin, please see the video below (8:21).

The NC State Web Platform provides several styling tweaks to enable certain shortcode configurations to display optimally within brand guidelines. There are further details on which shortcodes we recommend to content maintainers in the next section, but below is an example of what shortcodes may look like when added to the Shortcode block:

Note: for an alternate visual layout, the Instagram Feed block is also available for quick display of 3 Instagram feed images against a colored background with additional space for title, teaser, and cta. This option adds additional context to the feed contents with a small page footprint. Consider using this block on landing pages as a teaser to main Instagram channel pages or alternate pages with larger areas for feed displays..

Recommended Usage

The following two examples are our preferred layouts, but settings may be tweaked at the shortcode level. For full documentation on on these layouts, please see the links provided below each example.

Note: if caption or photo background hover colors are problematic for a particular layout, apply class=”no-ncst-caption” or class=”no-ncst-background-hover” to shortcode to disable those styles.

Need Help?

Interested in trying the Smash Balloon: Instagram Feed Pro plugin? Request to have it installed on your site at go.ncsu.edu/ucomm-dev-request.