Products V2 CSS Migration Tool

Paste ALL your current CSS from your site’s Custom CSS panel and click "Migrate CSS" to automatically convert it to work with the new Products V2 structure and identify any deprecated selectors that need updating. Copy the migrated code and add it to your Shop Page Header Code Injection Please watch the tutorial video →

Current CSS

Paste your existing CSS or LESS code below

ⓘ When checked, outputs ALL CSS rules with migrations applied. Use this to completely replace your CSS file. When unchecked, only outputs rules that contain deprecated selectors (for appending to existing CSS).

Please note: The selector mappings in the tool are based on the migration document published by Squarespace, which may not cover every scenario. While this tool will help identify most issues, you may still need to make some manual code adjustments to ensure your live site displays exactly as intended.

Watch The Tutorial

You’re Invited to our Free Workshop

This tool is part of our free toolkit for streamlined web design. Explore our other time-saving tools for website owners and designers. Learn more →