Add an Instagram feed to your Wix website using Behold
Behold widgets make it simple to add beautifully designed live Instagram galleries to your Wix website.
Step 1. Create a widget, get the feed ID
To get started first connect a source and create a widget.
Next you’ll need to have your widget’s feed ID handy:
- Navigate to the feeds page and click anywhere on your widget to open the widget details page.
- Click on “Embed code” in the sidebar
- Copy the “feed-id” value from the embed code. If the embed code is
feed-id="EXAMPLE_ID"
, you would only copy theEXAMPLE_ID
part.
Step 2: Add your widget to Wix
Using a Custom Element allows your widget to be fully responsive, and avoids some of the layout and styling issues caused by iframes.
- Add a new custom element embed by going to
Add Elements
→Embed Code
→Custom element
- Select the newly added element, click “Choose Source”, and enter
https://w.behold.so/init.js
into the “Server URL” input. - Scroll down and enter
behold-widget
in the “Tag name” field. - Close the “Choose Source” popup and click on “Set Attributes”.
- Add a new attribute with the name
feed-id
. Paste your feed ID from Behold into thevalue
field. - That’s it! Your widget should appear. Once added, you can resize, add padding, etc.
If you have any trouble just send us an email: support@behold.so — we’re happy to help and we respond quickly!
Gotchas
It’s usually best to turn off the Customize → Layout → Max width setting in Behold. That way your widget will fill the width of its container in Webflow.
If you’re using breakpoints, it’s important to remember that they are based on the width of the widget, not the screen. So if you have a widget inside a small container in Webflow, it might trigger one of your breakpoints.