Instagram

The simplest way to integrate your Instagram profile on your website is to simply link to your profile from your website. There are several ways to do this in ProPhoto, but you'll basically just paste the address of your profile into one of these tools:

A link in a menu

You can use a Custom URL link item in your navigation menu.

A graphic/button anywhere in your layout:

You can place a Graphic module into any layout, and within one module you can place many images or tiles which can link anywhere you like, as in this example: 

There are lots of great sources of icons online if you don't want to make them yourself. 

You may embed a thumbnail grid of your latest Instagram images into a post, page, or template by using the Grids tools in ProPhoto. But before you can create an Instagram widget, you must authorize ProPhoto to read your Instagram account.

Authorize your Instagram account access

ProPhoto needs access to your Instagram images, but Instagram requires apps to be authorized before this can happen.

1. Make sure you are using a web browser which has been signed into Instagram in one tab.
2. In another tab, use the Visual Builder and enter the Settings > Site Settings > Social Media > Instagram area to click the Authorize button:
   
   
   
   
3. Your website will store a token which allows your site to read the images and text from your public Instagram posts, and this area will tell you the account which is authorized.
   
   
   
   You may click to de-authorize your account at any time.

Create an Instagram grid

Much like we explain in the Grids tutorial, you may insert a grid into a layout, or you may insert a grid into the content of any post or page on your site. After you have authorized ProPhoto to read your Instagram feed, you will have the option to create an Instagram feed grid type, seen here in the grid module popup:

Depending on your needs, you can edit the grid settings until you get the appearance you like best.

Customize the Instagram grid appearance

Just like other grids, you have two primary styles of grid to choose from - text below and rollover. Each one provides you with controls like font style selection, text alignment, rounded image corners, border, background color, and more. You can create different grid style presets to suit your needs for different grids.