How to embed an Instagram profile into a website in 3 steps

Reading time: 12 minutes

Are you looking for easy ways to improve the look of your website? Incorporating dynamic content on your website is your best option. And what’s more dynamic than an engaging Instagram?

Embedding an Instagram profile feed curated with authentic user-generated content is a great way to increase the time your visitors spend on your website. You don’t have to be a coding expert; with efficient embedding tools, you can easily boost your website engagement. This blog post explores ways to Embedding Instagram profile content into websites and discuss some examples. So, without waiting long, let’s start:

What is an Instagram profile or handle?

An Instagram profile is a page where you can find your posted photos, reels, bio, preferences, links and other information related to a particular person/business. You can even view the list of your followers and subscribers.

Canon Instagram-Profile

The two most important factors of an Instagram profile are your description and your link, which serve as a call to action for your followers. An Instagram account is one of the best ways to connect with your audience, build relationships, promote products and services, and gain insights into your performance.

Embed Instagram profile on your website in 3 steps

Methods to embed an Instagram profile on any website

Before we take a closer look at the methods, let’s compare them to find out which one is best for you.

Requirements: Method 1Method 2Embed Instagram profileUse InstagramThe right tagsshop Automatic feed/story/video update No, you need to update it manually Automatic update available with TagshopThemes and TemplatesNo, you can only embed static feeds. Yes, lucrative themes and options are available according to your website designAdvanced Features No advanced featuresYes, advanced AI moderation features are available on the platform. Shoppable feeds/stories/videos NoYes, you can make your feed shoppableProduct tagging NoYes, you can tag multiple products in a single postMass embedding NoYes, mass embedding is possibleEngagement MetricsNaAdvanced, detailed metrics are available. CustomYes, you can customize it with different themes, backgrounds and CTA buttons. Extended Support Yes, 24×7 support is availablePlatform compatibilitySome difficulties arise with CMS integrationEasy compatibility with all CMS platforms Time consumingYes, because it needs to be embedded manually No, manual uploading is not required.

Now that you know the advantages and disadvantages of both methods, Integrate your Instagram profile with both methods.

Method 1. Use Instagram itself (embed manually)

To perform manual embedding via Instagram itself, follow the given steps:

Step 1 – Log in to your Instagram and select the post from your profile.

Step 2 – Click on the three dots in the top right corner of the post.

Step 3 – Now click on the embed option in the popup.

Step 4 – Click on “Copy Embed Code”

Step 5 – Now login to your website. *(WordPress, Magento, Shopify, HTML, etc.)

Step 6 – Find the page where you want to embed the Instagram profile post.

Step 7 – Just paste the embed code and you’re done.

Refresh it and you will see your feed embedded on your website.

Method 2. Embed with Tagshop (Automatic feed update)

Integrate your Instagram profile with Tagshop, which offers you a pool of customization options and themes with AI moderation features to make your work easier. To embed with Tagshop, follow the given instructions:

Collect Instagram profile content

Step 1 – Sign in or create a free Tagshop account

Step 2 – Go to “Feeds” in the sidebar and click “Add Feed”.

Step 3 – Select Instagram as the source network.

Step 4 – In the dialog box, selectHandle‘ as your preference and connect your Instagram account.

Step 5 – Now click on “Create feed”

Step 6 – Now go to ‘Contents‘ from the sidebar. Here you can moderate your feed by making posts public or private as per your choice.

Bonus step: Make your feed shoppable

Let’s learn how to do it Make your Instagram feed shopping Using Tagshop. Let’s see how:

Step 7 – In the sidebar, go to “Complete catalogue‘And’Synchronize product catalog‘. You can sync products directly from your website builder or perform a custom upload.

Step 8 – Once the catalog is synced, you can tag products to make them shoppable.

Step 9 – Go to ‘Mark products‘ and search for products by name, category or SKU.

* Note – To add multiple tags to a single post, enable the option “Hotspot‘ Feature.

Design it as you wish and publish it!

Step 11 – Go to Publish and customize the feed to match your website design type.

Step 12 – Choose your preferred designs, customization options and CTA button.

Step 13 – Then click on “Generate Code”.

Step 14 – Choose your CMS platform and copy the code

Step 15 – Paste it into the backend of your website and you are done.

Congratulations! You have successfully embedded your shoppable Instagram profile on your website with Tagshop.

Live demo: Instagram profile on the website

Embed Instagram profile on your website in 3 steps

Embed Instagram profile in various CMS platforms

Now that you have learned how to generate and copy the code, let’s understand How to embed profiles on the website Using different CMS platforms:

Embed Instagram profile in WordPress

To Embed your Instagram profile in WordPressfollow the steps given:

Step 1 – Log in to your WordPress account
Step 2 – Navigate to the page where you want to embed the feed and select “Custom HTML Block”
Step 3 – Now paste the generated code that you copied using Tagshop.
Step 4 – Click the Publish button.

You will see your Instagram profile feed embedded on your WordPress website.

Add an Instagram profile to your Shopify store

To Integrate your Instagram profile into your Shopify websitefollow these steps:

Step 1 – Go to your Shopify admin
Step 2 – Look for the “Online Store” option
Step 3 – Select “Pages” from the drop-down menu
Step 4 – Find the page where you want to embed the Instagram profile or create a new one.
Step 5 – In the HTML section, paste the code you copied from Tashop
Step 6 – Save all changes

Refresh the page and you will see your Instagram profile embedded on your Shopify website with Tagshop.

Integrate Instagram profile into Magento Store

To Embed Instagram profile Follow the steps given on your website:

Step 1 – Log in to your Magento website
Step 2 – Select “Content” from the left sidebar and under “Design” select “Configuration”.
Step 3 – Create or edit your existing website
Step 4 – Now scroll down and select the option “HTML Head”
Step 5 – Paste your Tagshop generated Instagram embed code here
Step 6 – Click “Save Configuration” and you’re done!

After previewing your page, you will see that your Instagram profile feed has been successfully added to your Magento website.

Embed Instagram profile on your website in 3 steps

Feature your Instagram profile on the Squarespace website

Follow the steps to Integrate your Instagram profile Feed on your Squarespace website:

Step 1 – Log in to your Squarespace website
Step 2 – Browse for the page where you want to embed the code or create a new one
Step 3 – Edit the page and select Add Section > Add Blank Section.
Step 4 – In the URL field, click and paste the code you copied from Tagshop
Step 5 – Click “Save” and then “Apply”.

You have successfully embedded the Instagram profile into your Squarespace website.

Embed Instagram profile on Wix site

To embed your Instagram profile on the Wix website, follow the instructions below:

Step 1 – Go to your Wix account
Step 2 – Click the “+” button next to “Main Pages”.
Step 3 – Go to “Embed Code” and select “Embed HTML”
Step 4 – Paste the code here and click “Save” to apply the changes

View Instagram profile in HTML

To embed Profile on the HTML-Websitefollow the steps given:

Step 1 – Log in to your HTML website
Step 2 – Go to the page where you want to embed your code
Step 3 – Paste the code you copied from Tagshop
Step 4 – Save the changes and you are done.

Add Instagram Profile Elementor

Step 1 – Go to your WordPress account
Step 2 – Go to the page where you want to integrate your feed
Step 3 – Click “Edit with Elementor” and drag and drop the HTML element.
Step 4 – Paste the code and click Update.

Your feed will be displayed live on the website with Tagshop.

Embed Instagram profile in Webflow

To embed an Instagram feed with Webflow, follow these steps:

Step 1 – Go to your Webflow account
Step 2 – Go to “Add Item” in the menu on the left
Step 3 – Drag and drop the “Embed” element onto the desired web page.
Step 4 – The HTML embed code editor will appear
Step 5 – Paste your code and you’re done.

Embed your Instagram profile on any website

conclusion

Embedding an Instagram profile on the website is one of the most effective ways to make your website interactive. It also helps to improve the look and feel of your website. The days of static websites are gone, in today’s digital age, everyone is attracted to authentic and visually appealing content. We hope this blog helped you realize the same and that you understand the basics of Embedding an Instagram profile. Give Tagshop a try and see the results from the detailed analysis. Tagshop also has various themes to match your website. Start embedding today!

Have fun embedding:)