Embed Sift on Webflow with the Embed component
Webflow's Embed component makes adding the Sift widget trivial. Drop it onto any page, paste the script, and publish. For site-wide installs, use the Custom Code section in your Project Settings to inject the script into every page automatically.
YOUR_FORM_ID and YOUR_PUBLIC_KEY in the snippets below.Install Sift on Webflow
- 1
Open the Webflow Designer
Log into Webflow and open the project where you want the widget. Navigate to the page that should host it.
- 2
Drag in an Embed component
From the Add Elements panel (the + icon), find the Embed component under Components and drag it into the layout where you want the widget.
- 3
Paste the embed code and publish
In the Embed Code Editor that pops up, paste the Sift script, replace the placeholders, click Save & Close, and publish your site.
<script src="https://siftforms.com/widget/v1.js" data-schema-id="YOUR_FORM_ID" data-api-key="YOUR_PUBLIC_KEY" async ></script>
Alternative install methods
Site-wide install (Project Settings)
Go to Project Settings → Custom Code → Footer Code and paste the Sift snippet there. The widget script will load on every page. Then add empty Embed components on the pages where you want the widget to appear.
Tips for the best results
- Wrap the Embed component in a Webflow div with consistent padding for visual harmony with your design system
- Use Webflow's class naming to position the widget container, but never override its inner styles — Shadow DOM keeps it isolated
- Test in Webflow's preview mode before publishing to staging
- For client projects, document the Sift form ID alongside other site credentials
Troubleshooting
Embed component shows code instead of the widget
Make sure you pasted the script into the Embed Code Editor (not a regular Text Block). Click the embed component to open the editor, paste the code, and save.
Widget shows in Designer but not on published site
Webflow only loads embed scripts on published or preview environments, not in the Designer canvas. Publish to a staging or live URL to verify.
Embed Sift on other platforms
Shopify
Embed the Sift widget on any Shopify page using the Custom Liquid section. Works on product pages, contact pages, landing pages, and theme-wide.
Squarespace
Embed the Sift widget on Squarespace pages using the built-in Code Block. Works on Squarespace 7.0 and 7.1, on any plan that supports Code Blocks.
Framer
Add the Sift widget to any Framer site using the built-in Embed component. Works on both free and Pro plans.
Ready to embed Sift on Webflow?
Create your first form in your dashboard, then come back and paste the snippet above.