@nocodeapi/embed-instagram-feed
Version:
Webcomponent embed-instagram-feed following open-wc recommendations
88 lines (56 loc) • 2.35 kB
Markdown
# Embed Instagram Feed 
This plugin is brought to you by [NoCodeAPI](https://nocodeapi.com/)
Embed Instagram Feed is a free plugin that makes is easy for you to embed your Instagram feed (using NoCodeAPI) in your websites, wordpress blog, shopify sites & basically any html site.
Works on all devices out of the box, phones, tablets & desktops.
This is reliable and secure method to embed your instagram feed into your static webpages without any coding.
## Preview
## Features
- Responsive
- Lightweight
## Usage/Examples
1. Get your Instagram API endpoint via NoCodeAPI - [https://nocodeapi.com/instagram-api](https://nocodeapi.com/instagram-api)
2. Add this script into your webpage.
```html
<script
type="module"
src="https://unpkg.com/@nocodeapi/embed-instagram-feed@latest/embed-instagram-feed.js?module"
></script>
```
3. - Just place the `<embed-instagram-feed url="Your Instagram API from NoCodeAPI"></embed-instagram-feed>` into your webpage `<body>` where you want to display your Instagram feed.
### Full code sample
```html
<!DOCTYPE html>
<html>
<head>
<title>Embed Instagram Feed</title>
<script
type="module"
src="https://unpkg.com/@nocodeapi/embed-instagram-feed@latest/embed-instagram-feed.js?module"
></script>
</head>
<body>
<embed-instagram-feed
url="Your Instagram API from NoCodeAPI"
></embed-instagram-feed>
</body>
</html>
```
## FAQ
#### Does this work with Wordpress?
Yes, this plugin works with all websites
#### Is this plugin free?
Yes, it is completely free and open source.
#### Do I need to write code for this?
No, we have handled this end to end, so all you need to do is, paste this in you website and you are good to go.
#### How do I customise the style?
You would need to tweak and override the css classes in order to do this.
## Support
For support, email hello@nocodeapi.com or join our [Telegram channel](https://t.me/NoCodeAPI).
## Contributing
Contributions are always welcome!
Please feel free to raise a PR, so we can look into it.
## Authors
- [@mddanishyusuf](https://www.twitter.com/mddanishyusuf)
- [@fayazara](https://www.twitter.com/fayazara)