Embed on Shopify, Webflow, Squarespace or custom HTML
Platform-by-platform placement for inline and floating widgets.
5 min read
- 1
Shopify
Online Store → Themes → Edit code. Paste inline snippets into a Custom Liquid section; paste floating snippets into theme.liquid before </body>.
- 2
Webflow
Drag an Embed element onto the canvas and paste the inline snippet, or use Project Settings → Custom Code → Footer for floating widgets. Publish to see it live.
- 3
Squarespace
Add a Code block for inline widgets, or Settings → Advanced → Code Injection → Footer for floating widgets.
- 4
Custom HTML
Paste the inline snippet wherever the widget belongs, and floating scripts just before the closing body tag.
Universal snippet
<div data-smartflow-widget="YOUR_WIDGET_ID"></div>
<script src="https://www.smartflosystems.com/widget.js" async></script>Try the tools in this guide
Cart Rescue & Exit Popup
Recover abandoning visitors with timely offers, countdowns, and automated email follow-up.
Before / After Slider
Show transformations instantly with smooth, touch-friendly image comparisons that drive enquiries.
Interactive Image Hotspots
Turn product photos and diagrams into clickable buying journeys with rich detail cards and calls to action.