How do I add a before-after slider to WordPress without a plugin?

Use the free WPCode plugin to add the OneType Transforms script tag to your header. Then place a Custom HTML block with two images inside a div with the ot="before-after" attribute. No heavy slider plugin needed.

Does the before-after slider work on WordPress.com?

Yes, but it depends on your plan. Business and Commerce plans can install WPCode for site-wide script loading. Free, Personal, and Premium plans need to add both the script tag and slider HTML in a Custom HTML block on each page.

Do I need to write JavaScript for the before-after slider?

No. The slider is controlled entirely through HTML attributes. Just add ot="before-after" to a div with two images. Customization options like direction, labels, and hover mode are also HTML attributes.

Before-After Slider for WordPress - No Plugin Needed