# instagram-feed Example
For this example, we will be using [Glide.js](https://glidejs.com/), which will help us display our Instagram feed as slides on our website.
## Installation
Install using [Composer](https://getcomposer.org/):
```sh
composer require yizack/instagram-feed
```
## Feed page
Crate a new PHP file with the content of [`feed.php`](https://github.com/Yizack/instagram-feed/blob/master/example/feed.php).
## Feed page on your website
Use the code below, replace `http://your-site.com/feed.php` with your site URL and paste it on your site where you want your Instagram feed to appear.
```html
```
## About the code
Paste here your Instagram Basic Display API long-lived access token.
```php
```
This code section will loop the `post(...)` method for each Instagram post found and adds a slide for each one.
```html
getFeed() as $value) {
$username = $value["username"];
$permalink = $value["permalink"];
$timestamp = $value["timestamp"];
$caption = "";
if(isset($value["caption"])) {
$caption = $value["caption"];
}
?>
-
```
HTML **Glide.js** slide arrows.
```html
```
Page and **Glide.js** arrows CSS styling in ``.
```html
```
Javascript **Glide.js** code settings.
```html
```
Inside `post(...)` method, there is a HTML `` code that is provided by instargam when you want to embed a post. I added the argument values of `$username`, `$permalink`, `$caption`, and `$timestamp` to match each post.
## Demo
Visit the demo on [instagram-feed.yizack.com/demo](https://instagram-feed.yizack.com/demo/).