Put your Instagram feed on Weebly
Drag a Section and an Embed Code element onto your Weebly page, center it and paste your widget code. The editor shows the widget as it will look live.
How to add an Instagram feed to Weebly
-
1
Create your widget and copy the code
Create your widget in SnapWidget. When the preview looks right, click Get Widget and copy the code.
-
2
Open the page in Build mode
On your Weebly dashboard, select Edit Website. Go to Pages, select the page, then click Build.
-
3
Drag in a Section
Under Structure, drag a Section onto the page where the widget should go. Click outside the Choose Section Layout box to ignore it.
-
4
Add the Embed Code element
Under BASIC, drag Embed Code onto the new section.
-
5
Center it and paste the code
Click the text that says Click to set custom HTML. Set Position to Center, click Edit Custom HTML and paste the code over anything in the box.
-
6
Check the preview and publish
Click outside the box, and the editor shows an exact preview of the widget. Click Publish.
Made for the Weebly drag and drop editor
- Drag and drop
- Drag a Section from Structure and the Embed Code element from BASIC. There are no theme files to open.
- Center it with one setting
- Set Position to Center in the Custom HTML settings, and the widget sits in the middle of the section.
- An exact preview
- Click outside the HTML box, and the Weebly editor shows the widget as it will look on your live site.
- Size it per page
- Change the width in the code you pasted, for example to 75%. The change applies only to that copy of the widget.
Want every click? Our help center has the step-by-step install guide with screenshots.
Read the install guideLoved by 200,000+ websites
Don't just take our word for it. See all reviews →
Frequently asked questions
Use the Embed Code element. Select Edit Website, open the page and click Build. Drag a Section onto the page and drag Embed Code into it. Click the element, set Position to Center, click Edit Custom HTML, paste your code and click Publish.
Ignore it. Click outside the area on the page to close it, then drag the Embed Code element into the new section.
Yes. Our help center says the Weebly editor shows an exact preview of how the widget will look on your live site. Click outside the HTML box to see it.
Use a non-responsive slideshow inside two div tags, as our install guide shows. The responsive slideshow fills the width and sits on the left. Keep the wrapper at 35% or wider so the share buttons display properly.
No. The widget loads your new posts by itself. Free widgets refresh every 15 minutes and paid widgets every 5 minutes.
Yes. Free Instagram widgets with the grid, slideshow, scrolling, board or popup layout work in the Embed Code element. A click on a free widget photo opens the post on Instagram. The lightbox and the feed layout come with paid plans, from $8 a month.