A2D Lancaster Instagram Demo

Live preview of Instagram Reels from @a2d_lancaster with auto-play functionality.

@a2d_lancaster

Latest from @a2d_lancaster

Follow our construction projects and behind-the-scenes content

Instagram reels will appear here once the WordPress Instagram plugin is configured with an access token.

Visit @a2d_lancaster on Instagram

Widget Features

This Instagram widget offers powerful integration between your WordPress backend and Astro frontend.

Real-time Updates

Automatically fetches the latest Instagram reels using the Instagram Basic Display API

Smart Caching

Intelligent caching system reduces API calls and improves performance with 5-minute cache duration

Customizable

Flexible component props allow customization of title, limit, captions, and styling

Error Handling

Graceful error handling with fallback states ensures your site remains functional

Mobile Responsive

Fully responsive design that looks great on all devices and screen sizes

Admin Controls

WordPress admin interface for easy token management and cache control

Setup Instructions

Follow these steps to get your Instagram widget up and running.

1

Install WordPress Plugin

Upload and activate the wordpress-instagram-plugin.php file to your WordPress site.

This plugin creates the necessary REST API endpoints and admin interface.

2

Configure Instagram API

Create an Instagram Basic Display app in the Facebook Developer Console and get your access token.

Add the token in WordPress Admin → Settings → Instagram Reels.

3

Use the Component

Import and use the InstagramReels component in your Astro pages. 

---
import InstagramReels from '../components/sections/InstagramReels.astro';
---

<InstagramReels 
  title="Our Latest Reels"
  limit=6
  showCaptions=true
/>