Webflow integration
A social media widget inside your Webflow layout.
Webflow designers care more than most about how an embed sits in a layout, because they have controlled every other pixel on the page. The good news is that a social media widget placed inside your grid inherits it rather than fighting it.
You need a paid site plan
Webflow does not run custom code on sites published to a free webflow.io subdomain. The Embed element exists in the designer and the code simply does not execute on the published site. This is Webflow's restriction and no third party can work around it — a Site plan on the project is the prerequisite.
Embed element or site-wide code
Webflow gives you two places to put custom code, and picking the wrong one is the most common setup mistake.
An Embed element in the canvas
The right choice almost always. It lives inside your layout, so it inherits your section padding, your grid column and your responsive breakpoints.
Page settings — before </body>
Only for a floating launcher that is not part of the layout flow. Anything positioned in the document will be hard to place from here.
Inside a container, not the body
Drop the Embed into whatever div controls your max width, or the wall will run edge to edge while the rest of your page does not.
Site settings — custom code
Sitewide only. Rarely what you want for a wall, which usually belongs on specific pages.
Adding it to Webflow
- 1
Confirm the project has a Site plan
Custom code will not run without one. Check before you build the section, not after.
- 2
Drag an Embed element into place
Put it inside the container or grid cell that should hold the wall, so it picks up your existing layout constraints.
- 3
Paste both lines
The script tag and the div together. Save the Embed and close the code editor.
- 4
Publish, then check the live site
The designer canvas shows a placeholder, not the rendered feed. That is expected and is not a fault — Webflow does not execute embedded scripts on the canvas.
What trips people up on Webflow
Webflow's specific quirks catch even experienced builders, mostly because the designer deliberately does not run your code.
- Assuming it is broken because the canvas shows an empty box. Publish and look at the live URL — the canvas never renders it
- Building the whole section on a free plan and discovering at launch that custom code does not run
- The Embed element has a size limit on its contents. Our snippet is two lines so it is nowhere near it, but pasting an entire inline script will hit it
- Placing the Embed as a direct child of body, then wondering why it ignores the page's max width
Webflow questions
Because Webflow does not execute embedded JavaScript on the canvas — by design, so a third-party script cannot interfere with the editor. Publish and view the live site. Nothing is wrong.
Other platforms
One snippet, then never again.
Build the feed, paste it into Webflow once, and it keeps itself current from then on.
Start free