You design a site in Etch, everything looks right, and then a customer opens My Account or the checkout and gets default WooCommerce styling. Pewit Style Kit for Etch brings those third-party templates in line with your design by reading your Etch / Automatic.css design tokens.
This plugin is an independent product by PEWIT Labs. It is not affiliated with, endorsed by, or an official product of EtchWP.
What you get for free
- Design-token presets that read your EtchWP / Automatic.css tokens (colors, spacing, radius, typography).
- Shortcode kit – layout shell, section headers and notices you can drop into WooCommerce and plugin pages.
- No AI key needed – everything runs locally on any WooCommerce site.
What Pro adds
Pro is a separate plugin from
pewitlabs.com, with a 14-day free trial.
- WooCommerce skin for My Account, checkout and order pages, built from your tokens.
- Store shortcodes – account header, account navigation, order summary and checkout trust badges.
- Token import – load an Etch / ACSS JSON export in one step.
- Agency plan – unlimited sites, white-label admin and priority support.
The free version does not contain Pro code. Upgrading means installing the Pro plugin, not unlocking hidden features.
- Upload the plugin ZIP through Plugins -> Add New -> Upload Plugin, or extract it to wp-content/plugins/pewit-style-kit-for-etch/.
- Activate the plugin.
- Pick a token preset under Design tokens.
- Copy shortcodes from the Kit library onto your My Account page.
- Enable the WooCommerce skin in Settings if you use WooCommerce.
The plugin folder must always be pewit-style-kit-for-etch/ and the main file pewit-style-kit-for-etch.php.