The problem
Lasabia Madrid is a premium perfume brand that wanted the design freedom of Webflow for its storefront and the reliable commerce features of Shopify for selling, in more than one currency.
That combination only pays off if the two systems behave as one: shoppers must move between them without friction, and the team must see accurate numbers about what happens along the way.
A semi-headless setup splits the work. Webflow controls how the brand looks and reads, while Shopify handles products, cart, checkout and orders. The split gives design freedom, but it also creates gaps. Analytics can lose the shopper at the hand-off, and email tools can miss events that happen on one side. Selling in several currencies adds one more thing that has to work across both.
What we built
We implemented a semi-headless setup with Webflow as the front end and Shopify as the e-commerce back end, then built the measurement and email layer on top.
- GA4 and Google Tag Manager with full e-commerce tracking across the Webflow and Shopify journey
- Four Klaviyo flows: Welcome, Abandoned Cart, Browse Abandonment and Post Purchase
- Shopify Flow automation for repetitive store operations
- Multi-currency selling through Shopify Markets
- Checkout performance fixes
Tracking comes first because it tells the team whether the rest is working. With e-commerce events set up across the whole journey, the brand can see where shoppers drop off, not only where they arrive.
The four Klaviyo flows cover the moments that matter most: a new subscriber, an abandoned cart, a shopper who browsed without buying, and a customer after purchase. Shopify Flow takes over routine store tasks so the team does not repeat them by hand. This is the kind of work we do under Shopify development.
Google Tag Manager keeps the tracking manageable, because tags can be adjusted without editing the site each time. Testing the events across both systems is what proves the numbers can be trusted.
The result
The brand sells from a design-led Webflow storefront backed by Shopify. Full e-commerce tracking is live in GA4, four Klaviyo automations are deployed, and international shoppers see local currency.
The team can see where shoppers drop off and has automated follow-up working for them.
The result is a store where design and commerce are handled by the tool best suited to each, with measurement and email connecting the two. The brand keeps the freedom of Webflow without giving up Shopify's selling features.
For a brand selling in more than one market, this setup means shoppers see local currency through Shopify Markets while the team reads one set of numbers in GA4. Checkout performance fixes help the last step of the journey, where the shopper actually pays.
Frequently asked questions
Can we use Klaviyo with a Webflow and Shopify setup?
Yes. On this project we deployed four Klaviyo flows alongside a Webflow front end and Shopify back end. The exact event tracking depends on how the two sites are connected, so we confirm it during discovery.
What is a semi-headless Shopify setup, and is it right for us?
It means a separate front end, here Webflow, sits on top of Shopify as the commerce engine. It suits brands that want more design freedom, but it means two systems to maintain. A standard Shopify theme is often simpler if you do not need that freedom.
How long does a Shopify and Webflow build take?
A full store build usually takes 4-8 weeks. A semi-headless project with tracking and email flows depends on scope, and we confirm the timeline after a free discovery call.
What does it cost?
Pricing is project-based. We give a fixed quote after a free discovery call, once we understand the scope.