# How to Add Instagram in WordPress

To add Instagram in your WordPress by Elementor, we use [Instagram Feed](https://wordpress.org/plugins/instagram-feed/) 

### **1. Install & Activate Instagram Feed Plugin:** 

Dashboard -> Plugins -> Add New Plugin -> Install & Activate Instagram Feed 

![](https://lh6.googleusercontent.com/rsaO6n-Mz6ImvTlKUtQz24t6wCPzhL7mOdZZED1DJae736qVU_3dhipV_mudDHSqQ3Y6Z9RFJtLq6onfWVaosprvoRpyk25oIAEtC3uIEb4Fw8Lv2vcWe3PKyfcWVbozQsy4n9i-)

### **2. Config Instagram Feed to Showcase on your website**

**2.1 Config Instagram Feed**

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4cbLSSoeZXRefVF7F%2Fimage.png?alt=media\&token=ab0306cd-eeca-478b-a190-78b2c5b7c84a)

**2.2 Connect to Instagram Account:**

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4ceKrBjYW48q1mEzc%2Fimage.png?alt=media\&token=544f2402-e8d1-4e38-8fa5-a3a0eeeb416d)

### **3. Customize Instagram Feed in WordPress:** 

**General information:** 

* Width of feed: percentage of feed width. 
* Height of feed: The height of feed
* Background color

**Layout Instagram Feed:** 

* Number of photos 
* Number of columns
* Padding around images
* Disable mobile layouts

-> Save changes

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4chW_-vUHtPQYAcbK%2Fimage.png?alt=media\&token=f9753be8-06de-46de-980c-8a1c13e1a212)

### **4. Display Instagram Feeds on Elementor**

**4.1 Copy shortcode of Instagram Feeds:** \[instagram-feed]

Admin -> Instagram feed -> Settings and navigate to “Display You Feed” -> Copy shortcode

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4ckjZwtdricj7oK1t%2Fimage.png?alt=media\&token=29417102-2605-419e-8c8a-f536b78378e7)

**4.2 Edit Page and Post with Elementor**

* Choose page or post and edit by Elementor:

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4dDe8hFz5xdOSY50i%2Fimage.png?alt=media\&token=76fe3f0d-d9c1-4ad2-985e-e68d11c9c956)

* Add new widget “Shortcode”: Search widget Shortcode and drag to content**:** 

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4eJd-tKWE5KC-VSDo%2Fimage.png?alt=media\&token=1700718f-8d0b-4ade-a368-3de7cd9010cb)

Paste the “Shortcode” of Instagram feed that you’ve copied at “Display the Feed” and apply:

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4eOkGMDtddoyR3bmC%2Fimage.png?alt=media\&token=9fd4f2e0-b0a8-4735-8f10-46095c14f8ee)

After saving, you will see all feeds of Instagram on the page you want. 

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb9uC3Uj3J0qdKos0bf%2F-Mb9uG8zJSGmwFoHa7q0%2Fimage.png?alt=media\&token=1e3108cb-9bf2-40f6-bf9b-ec632e5e83f5)

You've add successfully Instagram on Elementor WordPress theme. 


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wpdocs.gitbook.io/huntor/faqs/faqs-1/how-to-add-instagram-in-wordpress.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.