Using the Instagram Widget App

The Instagram Widget app allows you to showcase your latest Instagram pics. It does not require you to provide your login details or sign in via oAuth and is intended to keep things as simple as possible.

instagram_widget_ao

Setup & Usage

To get started simply activate the Instagram Widget app from your admin panel Apps screen.

You can add the Instagram widget to your site in any of 3 ways: through the "Appearance > Widgets" menu, in the Customiser, or in the Page Builder.

Appearance > Widgets

In your admin panel head over to the "Appearance > Widgets" menu. Here you'll find the Instagram widget in the list of available widgets. Simply drag and drop it to a widget area and the options panel with open.

instagram-widget-settings

Enter your Instagram username in the "Username" field (eg. thatwebsiteguy), and optionally configure the settings. Make sure you hit save when you're done for your changes to apply to the live site.

Note: The Instagram widget comes with no styling as standard, so you may wish to add some custom CSS using the Custom CSS app. Get in touch if you need any help with this.

Customiser

Similarly to the "Appearance > Widgets" method of adding the Instagram Widget to your site, you can also use the Customiser for the same result. Open the Customiser and head to the "Widgets" panel. Click on whichever widget area you want to add the widget to, and select the Instagram widget from the list of available widgets to open the widget settings panel.

Note: The Instagram widget comes with no styling as standard, so you may wish to add some custom CSS using the Custom CSS app. Get in touch if you need any help with this.

Page Builder

If you don't want to be restricted to only embedding your Instagram widget in your site's sidebars/widget areas, you can also use the Page Builder to add the Instagram widget into any page just as you would a module.

To do this, head to the page you wish to include the widget and launch the page builder by clicking the "Page Builder" link in your admin bar. Click the "Widgets" dropdown in the "Add Content" panel and drag the Instagram widget onto the page where you'd like it to display. Fill in the widget settings and hit save to preview your changes. Make sure to click the "Done" button in the top right corner to publish your changes to the live site once you've finished.

instagram-widget-pagebuilder