ADI: Adding and Setting Up an Instagram Feed
2 min read
Connect your Instagram account to your site, and showcase your photos and videos. Increase your site traffic and share important moments with your site visitors in real-time.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/03/28/792864c7-942e-4210-8639-7ecee0f25cda/171f06de-c528-443e-a7b5-8d1150014af9.jpg)
Step 1 | Add an Instagram feed
First, add the Instagram Feed app to your site.
To add the app:
- Click Add on the top bar inside ADI.
- Click Apps.
- Hover over Instagram Feed and click Add.
- Click the Select Page drop-down and select the page you want to display your feed on.
- Click Add to Page.
- Click Got It.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/03/25/f6f6390e-17ac-4513-b85d-638e5e77df74/90ff4b84-007c-45a4-b8bb-d5cf82b38735.jpg)
Step 2 | Set up your feed
Next, set up your feed using the options available and edit the design to suit your needs.
To set up your feed:
- Click the Instagram feed inside the ADI Builder.
- Click Connect Instagram on the left.
- Click Allow in the Instagram pop-up.
- Set up your feed using the available options:
- Full Width: Enable the toggle to make your feed fill the full width of your site.
- Show More Button: Click the toggle to show or hide a Show More button:
- Enabled: Site visitors can see more feed photos by clicking this button.
- Disabled: Site visitors only see the number of photos visible in the chosen design.
- Pop-up Mode: Click the drop-down to choose a mode that your images are displayed in: Light or Dark.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/03/28/20d1d962-2a9e-465e-87c3-ba567986f555/32a809d2-70ba-4a34-8a7b-cd8d834f4870.jpg)
- (Optional) Click Design next to Settings and choose a new design to display your feed.
Tip:
Want to switch accounts? Sign out of Instagram in a different tab and go back to your ADI Editor to connect a different Instagram account.
Did this help?
|