Creative Brains - Hook for Wordpress

How to embed Instagram posts in AMP page – WordPress

We can embed Instagram posts in AMP in two ways:

1. Using AMP plugin for WordPress

This plugin is developed by ‘Automattic‘, the corporation behind WordPress.com. It provides an easy way to embed Social media posts to WordPress blog that is compatible with both web and AMP version.


To embed an Instagram post in your WordPress article, simply add the URL of the Instagram post in WordPress editor in a new line:
eg:- https://www.instagram.com/p/1totVhIFXl/

After publishing the article, you can see that it appears perfect for the web as well as the AMP version.


You can view the AMP version of this article by clicking this link on a mobile device.

2. Without using the plugin

If we are not using the AMP plugin for WordPress, we need to use the amp-instagram component.

1. Include the amp-instagram component: Place this script in the above the closing of the <head> tag.

2. Now we can embed the instagram post by adding the below code to our template file.

 


Weekly Newsletter Signup

Never miss an update, signup for our newsletter.


Latest from our blog

Get in Touch

Please fill in the form below: