How do I add a before-after slider to Webflow?

Add the OneType Transforms script tag in Site Settings > Custom Code > Footer Code. Then add an Embed element with two images inside a div with the ot="before-after" attribute. Publish your site to see it live.

Does the before-after slider work on the Webflow free plan?

No. Webflow requires a paid site plan (Basic at $14/mo or higher) to add custom code. The Starter plan does not support script tags or Embed elements with custom code.

Can I see the before-after slider in the Webflow Designer?

No. Custom code including transforms only renders on the published site, not in the Designer preview. You need to publish your site and visit it to see the slider working.

Before-After Slider for Webflow - Step by Step