Clover - Instagram feed

1. Connect your Instagram account to the Instagram plugin

Click here and follow the instructions to connect your Instagram account to the Instagram Feed plugin on your website. Then return to this tutorial!

2. Customize the appearance of your Instagram Feed

After following the tutorial above and selecting a feed source, you'll be taken to an area where you can customize the appearance of your feed. It should look like this:

To set up your feed like the demo, you're going to make a few simple modifications to the feed settings. There are four sections that you will modify, which we'll go through below:

Feed Layout

  • Padding: 3
  • Number of Posts (Desktop): 5
  • Number of Posts (Mobile): 6
  • Columns (Desktop): 5
  • Columns (Tablet): 5
  • Columns (Mobile): 3

Header

  • Deselect the "Enable" box

Load More Button

  • Deselect the "Enable" box

Follow Button

  • Deselect the "Enable" box

In the feed preview, your feed should now roughly resemble the demo. You're welcome to customize the feed further if you wish — these are just the settings to set up the feed as shown in the demo. Once your feed is customized how you want, click Save.

3. Add the Instagram feed to your website

1. Click "Back to All Feeds" (or go to Instagram Feed > All Feeds).

2. Under Shortcode, click the Copy icon:

3. Go to Appearance > Widgets. Open the  Footer 1 widget area.

4. Replace the existing shortcode with your own shortcode.

Customize the Instagram Text Area

The "Follow Along" text and link are all customizable.

  1. Go to Appearance > Widgets > Footer 1. 
  2. Click your cursor on any of the text to change it to your desired text.
  3. To change the @clover.theme handle, click on the link. A URL box will appear. Click on the pencil icon to edit the URL, then add your own Instagram profile URL and handle.