Every Shopware merchant knows the feeling. Marketing wants a new tracking script live before the campaign starts. A product page needs a slightly different header color. The support team wants a chat widget on the storefront by Friday. None of it is complicated, yet all of it tends to end the same way: a ticket to the agency, a quote, and a wait for the next sprint. But a small changes shouldn’t wait two weeks.

PremSoft built the Custom JavaScript/CSS Manager for Shopware 6 to close that gap. The idea is simple. Add CSS or JavaScript to your store directly from the Shopware admin, click once to save and compile, and see the result in the storefront right away.

This is the latest entry in our extension series, where we look at the extensions quietly making day-to-day store management easier.

The problem before the extension

Adding custom code to Shopware has traditionally been a developer job. “Without our extension, you generally have to create a custom theme or plugin and insert the CSS or JavaScript code there”, explains Sven Mittreiter from PremSoft. “This is time-consuming and requires a deeper technical understanding of Shopware.”.

There is a second, quieter problem. Editing theme files directly is risky. “Theme files should never be edited directly, whether it’s the Shopware default theme or a store theme”, Sven says. The moment Shopware or the theme developer ships an update, those hand-edited changes are wiped, and the work has to be redone.

How it works

A merchant logs into the Shopware admin and opens Extensions > Custom CSS/JS. From there they can edit an existing entry or click “Add Container” to create a new one. Inside a container they pick the sales channel, paste their code into the CSS or JavaScript field, and save. One click compiles the theme.

The code usually comes ready-made. Google Analytics 4, Zendesk, a review tool: each one hands you a snippet to copy. With the Custom JavaScript/CSS Manager that snippet goes straight into the admin, with no console and no server access required. “No programming knowledge is required”, Sven says.

“If the user already has ready-made CSS or JavaScript code, for example for a chat widget, it can simply be pasted into the Shopware administration panel.”

Containers keep things organized. You can create as many as you like, each with a name, an optional description, and a checkbox to switch it on or off. Different sales channels can carry different code, which keeps a multi-store setup tidy.

Why it survives updates

This is where the approach earns its keep. Because the code lives in containers managed by the extension rather than baked into theme files, it stays intact through Shopware upgrades and theme changes. “Our code customizations remain intact even after an update and are therefore independent of this process”, Sven says.

Surviving an update is not the same as being immune to it, and Sven is candid about that. Depending on the code, it should still be checked after a major release, “if Shopware or the theme developer has made significant changes and, as a result, some CSS or JavaScript no longer works”.

The instant preview helps here too. Because changes appear in the storefront the moment you click Save and Compile, mistakes show up immediately. A JavaScript snippet that misbehaves or CSS that does not look right can be caught and rolled back on the spot. The most common pitfall Sven sees is a CSS selector that is too broad: a merchant tries to hide one element using a general class and accidentally hides others too. Easy to notice when you can see the result straight away.

What merchants actually do with it

Three uses come up again and again: styling adjustments to a theme or plugin, small JavaScript integrations like tracking scripts and chat widgets, and quick changes that would otherwise wait for the agency. The common thread is autonomy. Merchants without server access can still customize their storefront, and those who do work with an agency stop paying for five-minute jobs.

One PremSoft client in the food industry shows the pattern clearly. Their store is managed by an agency that also runs the server, so the client has no access to upload changes. Every minor tweak meant a request, a place in the next sprint, and a wait of up to two weeks, along with the project management and development costs that came with it. The client had the technical skill to make the CSS and JavaScript changes themselves all along. With the extension, now they can actually do it.

The reviews echo it. “Since we don’t have SSH access with our web hosting package, it’s extremely difficult to insert custom CSS commands. This plugin solves that problem”, writes a merchant trading as Goods. WEKOTRADE highlights having “all customizations (CSS/JS containers) consolidated in one place”, and praises support that is “always friendly, knowledgeable, and quick to respond”. One client even used the extension to insert a 5,000-line CSS file.

The PremSoft approach

PremSoft has been building Shopware extensions since Shopware 4 and brings more than twenty years of software development experience. Their method starts with the merchant’s day.

“We first ask ourselves what challenges and problems online store owners face in their day-to-day operations, and how an extension can truly help. Our developments are therefore always created from a practical perspective.”

Support is built into the product rather than treated as an afterthought. Customer feedback feeds directly into new features, and in 2024 Shopware recognized that work with its Best Support Rating award, presented at the Premium Extension Partner Day in Schöppingen.

Sven sees independent development as essential to the wider ecosystem. Independent developers introduce features and niche solutions the core team may not prioritize, serve specialized areas like B2B and logistics, and build for regional needs such as local payment providers and tax rules.

Next on the roadmap: an import and export function to back up code and reuse it across shops, and a versioning system to roll changes back.

For now, the appeal is the one Manuel Eggersdorfer named in his review: “Exactly what I was looking for. It lets you compile the theme and make minor adjustments easily and conveniently without the console”. Small changes, handled in minutes, by the people who want them made now.