Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Instagram Location on your HTML website for FREE?

Showcase location-specific Instagram posts on your website to engage visitors with authentic local experiences and boost your brand’s connection with the community.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Instagram Location on your HTML website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
August 14, 2026 5 min read Ask ChatGPT
Quick answer

Your Instagram Location on HTML website — live in 3 steps

SociableKIT syncs your instagram location automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Instagram Location in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your HTML website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Video tutorial

Watch: embed Instagram Location on HTML website — step by step

Prefer to watch? Follow along with this short YouTube walkthrough, then use the full written guide below whenever you need it.

Instagram Location video tutorial thumbnail
Full walkthrough

Embed Instagram Location with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your HTML website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Instagram Location on your HTML website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Instagram Location widget

The first part is creating your Instagram Location widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Instagram Location on your HTML website for FREE?
  2. Select "Instagram Location" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Instagram Location" on the dropdown - How to embed Instagram Location on your HTML website for FREE?

    3. Enter your Location ID

  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Instagram Location on your HTML website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Instagram Location on your HTML website for FREE?
  5. Paste the embed code and save your HTML website page. Please follow the second part below to add Instagram Location widget to your HTML website .

Add Instagram Location widget to your HTML website

The second part is adding your Instagram Location widget to your HTML website . After you customize your Instagram Location widget and copied the embed code, it is time to add it to your HTML website . Follow the steps below.

  1. Copy your free Instagram Location widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Open your HTML file.
  3. You can create a new HTML page or edit your existing HTML page.
  4. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  5. Save your HTML page.
  6. You may now upload your HTML page to your web hosting.

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Instagram Location on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Location widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Instagram Location on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Location widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Instagram Location on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Location widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Instagram Location on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Location widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Instagram Location on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Location widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Instagram Location on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Location widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Instagram Location on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Location widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

To embed Instagram Location on your Weebly site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Location widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Log in to Weebly. 
  4. On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
  5. Select what type of page you want to add.
  6. Add a name to your page and then click "Done".
  7. On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page. 
  8. Click the "Click to set custom HTML" then click "Edit Custom HTML". 
  9. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
  10. Click the link to your site. Done!
Full Weebly tutorial →

Live preview

Pick a Instagram Location template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your HTML website.

Widget previewMasonry
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Instagram Location on your HTML website.

What is an Instagram Location widget?

An Instagram Location widget displays public posts tagged at a specific place directly on your website. It turns customer visits, event moments, travel photos, and local content into a visual feed connected to that location.

How do I embed Instagram location posts without coding?

Create the widget in SociableKIT, enter the Instagram Location ID, customize the design, and copy the generated embed code. Paste it into an HTML, custom code, iframe, or embed block on your website.

Where can I find the Instagram Location ID?

Open the location page on Instagram and look at its address in your browser. Copy the number that appears after the locations section and enter it as the Location ID in SociableKIT.

Does the Instagram location need to already exist?

Yes, Instagram allows posts to use only locations that are already offered by the platform. SociableKIT needs an existing location page and its numeric ID rather than a new place name created inside the widget.

Do I need to own the location or create an Instagram API key?

No custom API development or developer key is required for the standard SociableKIT setup. You can connect an accessible Instagram location source, although you should use the resulting content responsibly and respect the original creators.

Will new posts tagged at the location appear automatically?

Yes, paid SociableKIT plans include automatic syncing, so you can keep the same embed code as eligible public location posts change. The free plan lets you request a manual sync when you want to refresh the widget.

How quickly will a newly tagged post appear?

The post must first become publicly available on the connected Instagram location page. It can then appear after the next SociableKIT sync, so the website update may not be immediate.

Which Instagram posts can appear in a location widget?

Eligible content generally comes from public accounts that added the exact connected location to a post. A caption that merely mentions the place or a business tag without the matching location does not guarantee that the post will join that location feed.

Can posts from private Instagram accounts appear?

Private-account photos and videos are visible only to approved followers and do not appear publicly in Instagram location pages. For a reliable public website feed, the source content must come from accounts and posts that Instagram makes publicly viewable.

What information can the Instagram Location widget display?

The widget can present available details such as the photo or video, caption, author information, publish date, and engagement actions. The exact fields depend on what Instagram makes public and which SociableKIT layout and settings are enabled.

Why are some location-tagged posts missing from the widget?

A post may be private, deleted, archived, restricted, tagged with a different location, or waiting for the next sync. Instagram also decides which eligible posts are available on its location pages, so the widget should not be expected to contain every post ever tagged there.

What happens if someone changes or removes the location tag?

Instagram lets post owners add, change, or remove a location from an existing photo or video. If the connected location is removed or replaced, the post can disappear from the widget after the source and SociableKIT refresh.

What happens when an Instagram post is deleted or archived?

Deleted or archived content is no longer publicly accessible to ordinary Instagram visitors. The post can disappear from the website widget after the next SociableKIT sync, although the older version may remain briefly before refreshing.

Can I choose, hide, or moderate which location posts appear?

SociableKIT provides moderation and filtering options for supported social-feed displays, helping you keep the website section relevant to its page and audience. Business plans also include automatic moderation, while the original Instagram post remains unchanged.

Can I show only posts published by my own Instagram account?

A location feed naturally collects eligible posts from different public accounts that used the same place tag. Use SociableKIT's Instagram Profile widget instead when you want a feed limited to content published by one specific account.

Can the widget display Instagram Reels or Stories from the location?

Eligible public video content may appear when Instagram includes it in the connected location source and SociableKIT supports the format. Stories are temporary and should not be treated as a dependable part of a permanent location feed.

Do visitors need an Instagram account to view or interact with the feed?

Visitors can generally view eligible public content displayed on your website without following the original accounts. Opening Instagram, following an account, liking, commenting, or using other account-based actions may require sign-in.

Can I display more than one Instagram location?

Yes, each additional Instagram location can be connected as a separate source and used in its own widgets. Choose a SociableKIT plan with enough sources for the branches, venues, destinations, or event locations you want to feature.

Do I need permission to feature customer location posts?

A public Instagram post may be visible in a location feed, but public visibility does not automatically give a business unlimited marketing rights. Request permission from the creator before reusing their content in advertisements, endorsements, or other campaigns beyond the embedded feed.

Is the widget mobile friendly, customizable, and available free?

Yes, the widget adjusts to desktop, tablet, and mobile screens and supports customizable colors, fonts, spacing, layouts, and calls to action. The free plan includes one source, one widget, up to 2,000 monthly views, customization, branding, and manual syncing, while paid plans add automatic syncing, unlimited widgets and views, and 24/7 human support.

Add your Instagram Location widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Instagram Location widget page →